24 files changed, 1250 insertions, 93 deletions
diff --git a/package.json b/package.json
index bda85fa1e..8cd3a3c66 100644
--- a/package.json
+++ b/package.json
@@ -62,9 +62,13 @@
    "@adonisjs/shield": "1.1.0",
    "@adonisjs/validator": "5.1.0",
    "@electron/remote": "2.0.10",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
    "@krisdages/electron-process-manager": "3.0.0",
    "@mdi/js": "7.2.96",
    "@mdi/react": "1.6.1",
+    "@mui/icons-material": "5.14.7",
+    "@mui/material": "5.14.7",
    "@octokit/core": "5.0.0",
    "@sentry/electron": "4.1.2",
    "@superwf/mobx-react-router": "7.4.0",
@@ -103,6 +107,7 @@
    "os-name": "4.0.1",
    "pretty-bytes": "5.6.0",
    "prop-types": "15.8.1",
+    "rc-progress": "3.5.1",
    "react": "18.2.0",
    "react-color": "2.19.3",
    "react-confetti": "6.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 725b80aa4..0ae59f33a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,6 +47,12 @@ dependencies:
  '@electron/remote':
    specifier: 2.0.10
    version: 2.0.10(electron@25.5.0)
+  '@emotion/react':
+    specifier: 11.11.1
+    version: 11.11.1(@types/react@18.2.20)(react@18.2.0)
+  '@emotion/styled':
+    specifier: 11.11.0
+    version: 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.20)(react@18.2.0)
  '@krisdages/electron-process-manager':
    specifier: 3.0.0
    version: 3.0.0(@electron/remote@2.0.10)(electron@25.5.0)(rxjs@7.8.1)
@@ -56,6 +62,12 @@ dependencies:
  '@mdi/react':
    specifier: 1.6.1
    version: 1.6.1
+  '@mui/icons-material':
+    specifier: 5.14.7
+    version: 5.14.7(@mui/material@5.14.7)(@types/react@18.2.20)(react@18.2.0)
+  '@mui/material':
+    specifier: 5.14.7
+    version: 5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.20)(react-dom@18.2.0)(react@18.2.0)
  '@octokit/core':
    specifier: 5.0.0
    version: 5.0.0
@@ -170,6 +182,9 @@ dependencies:
  prop-types:
    specifier: 15.8.1
    version: 15.8.1
+  rc-progress:
+    specifier: 3.5.1
+    version: 3.5.1(react-dom@18.2.0)(react@18.2.0)
  react:
    specifier: 18.2.0
    version: 18.2.0
@@ -657,14 +672,6 @@ packages:
    dependencies:
      '@babel/highlight': 7.22.10
      chalk: 2.4.2
-    dev: true
-  /@babel/code-frame@7.22.5:
-    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': 7.22.5
-    dev: true
  /@babel/compat-data@7.22.9:
    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
@@ -684,7 +691,7 @@ packages:
      '@babel/parser': 7.22.10
      '@babel/template': 7.22.5
      '@babel/traverse': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      convert-source-map: 1.9.0
      debug: 4.3.4
      gensync: 1.0.0-beta.2
@@ -735,7 +742,7 @@ packages:
    resolution: {integrity: sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      '@jridgewell/gen-mapping': 0.3.3
      '@jridgewell/trace-mapping': 0.3.19
      jsesc: 2.5.2
@@ -762,22 +769,21 @@ packages:
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/template': 7.22.5
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/helper-hoist-variables@7.22.5:
    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/helper-module-imports@7.22.5:
    resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
-    dev: true
  /@babel/helper-module-transforms@7.22.9(@babel/core@7.22.10):
    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
@@ -816,25 +822,23 @@ packages:
    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/helper-split-export-declaration@7.22.6:
    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/helper-string-parser@7.22.5:
    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
    engines: {node: '>=6.9.0'}
-    dev: true
  /@babel/helper-validator-identifier@7.22.5:
    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
    engines: {node: '>=6.9.0'}
-    dev: true
  /@babel/helper-validator-option@7.22.5:
    resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==}
@@ -847,7 +851,7 @@ packages:
    dependencies:
      '@babel/template': 7.22.5
      '@babel/traverse': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    transitivePeerDependencies:
      - supports-color
    dev: true
@@ -870,23 +874,13 @@ packages:
      '@babel/helper-validator-identifier': 7.22.5
      chalk: 2.4.2
      js-tokens: 4.0.0
-    dev: true
-  /@babel/highlight@7.22.5:
-    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.5
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-    dev: true
  /@babel/parser@7.22.10:
    resolution: {integrity: sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==}
    engines: {node: '>=6.0.0'}
    hasBin: true
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/parser@7.22.11:
@@ -1045,13 +1039,19 @@ packages:
    dependencies:
      regenerator-runtime: 0.13.11
+  /@babel/runtime@7.22.11:
+    resolution: {integrity: sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.0
  /@babel/template@7.22.5:
    resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==}
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/code-frame': 7.22.10
      '@babel/parser': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@babel/traverse@7.22.10:
@@ -1065,7 +1065,7 @@ packages:
      '@babel/helper-hoist-variables': 7.22.5
      '@babel/helper-split-export-declaration': 7.22.6
      '@babel/parser': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      debug: 4.3.4
      globals: 11.12.0
    transitivePeerDependencies:
@@ -1090,15 +1090,6 @@ packages:
      - supports-color
    dev: true
-  /@babel/types@7.22.10:
-    resolution: {integrity: sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.5
-      to-fast-properties: 2.0.0
-    dev: true
  /@babel/types@7.22.11:
    resolution: {integrity: sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==}
    engines: {node: '>=6.9.0'}
@@ -1106,7 +1097,6 @@ packages:
      '@babel/helper-string-parser': 7.22.5
      '@babel/helper-validator-identifier': 7.22.5
      to-fast-properties: 2.0.0
-    dev: true
  /@bcoe/v8-coverage@0.2.3:
    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
@@ -1405,16 +1395,132 @@ packages:
      - supports-color
    dev: true
+  /@emotion/babel-plugin@11.11.0:
+    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
+    dependencies:
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/runtime': 7.22.11
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/serialize': 1.1.2
+      babel-plugin-macros: 3.1.0
+      convert-source-map: 1.9.0
+      escape-string-regexp: 4.0.0
+      find-root: 1.1.0
+      source-map: 0.5.7
+      stylis: 4.2.0
+    dev: false
+  /@emotion/cache@11.11.0:
+    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+    dependencies:
+      '@emotion/memoize': 0.8.1
+      '@emotion/sheet': 1.2.2
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      stylis: 4.2.0
+    dev: false
+  /@emotion/hash@0.9.1:
+    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
+    dev: false
  /@emotion/is-prop-valid@0.7.3:
    resolution: {integrity: sha512-uxJqm/sqwXw3YPA5GXX365OBcJGFtxUVkB6WyezqFHlNe9jqUWH5ur2O2M8dGBz61kn1g3ZBlzUunFQXQIClhA==}
    dependencies:
      '@emotion/memoize': 0.7.1
    dev: false
+  /@emotion/is-prop-valid@1.2.1:
+    resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
+    dependencies:
+      '@emotion/memoize': 0.8.1
+    dev: false
  /@emotion/memoize@0.7.1:
    resolution: {integrity: sha512-Qv4LTqO11jepd5Qmlp3M1YEjBumoTHcHFdgPTQ+sFlIL5myi/7xu/POwP7IRu6odBdmLXdtIs1D6TuW6kbwbbg==}
    dev: false
+  /@emotion/memoize@0.8.1:
+    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+    dev: false
+  /@emotion/react@11.11.1(@types/react@18.2.20)(react@18.2.0):
+    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/cache': 11.11.0
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      '@types/react': 18.2.20
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+    dev: false
+  /@emotion/serialize@1.1.2:
+    resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
+    dependencies:
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/unitless': 0.8.1
+      '@emotion/utils': 1.2.1
+      csstype: 3.1.2
+    dev: false
+  /@emotion/sheet@1.2.2:
+    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+    dev: false
+  /@emotion/styled@11.11.0(@emotion/react@11.11.1)(@types/react@18.2.20)(react@18.2.0):
+    resolution: {integrity: sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0-rc.0
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/is-prop-valid': 1.2.1
+      '@emotion/react': 11.11.1(@types/react@18.2.20)(react@18.2.0)
+      '@emotion/serialize': 1.1.2
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
+      '@emotion/utils': 1.2.1
+      '@types/react': 18.2.20
+      react: 18.2.0
+    dev: false
+  /@emotion/unitless@0.8.1:
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+    dev: false
+  /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0):
+    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
+    peerDependencies:
+      react: '>=16.8.0'
+    dependencies:
+      react: 18.2.0
+    dev: false
+  /@emotion/utils@1.2.1:
+    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+    dev: false
+  /@emotion/weak-memoize@0.3.1:
+    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+    dev: false
  /@esbuild/android-arm64@0.16.17:
    resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==}
    engines: {node: '>=12'}
@@ -1659,12 +1765,40 @@ packages:
    resolution: {integrity: sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==}
    dev: false
+  /@floating-ui/core@1.4.1:
+    resolution: {integrity: sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==}
+    dependencies:
+      '@floating-ui/utils': 0.1.1
+    dev: false
  /@floating-ui/dom@1.4.5:
    resolution: {integrity: sha512-96KnRWkRnuBSSFbj0sFGwwOUd8EkiecINVl0O9wiZlZ64EkpyAOG3Xc2vKKNJmru0Z7RqWNymA+6b8OZqjgyyw==}
    dependencies:
      '@floating-ui/core': 1.3.1
    dev: false
+  /@floating-ui/dom@1.5.1:
+    resolution: {integrity: sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==}
+    dependencies:
+      '@floating-ui/core': 1.4.1
+      '@floating-ui/utils': 0.1.1
+    dev: false
+  /@floating-ui/react-dom@2.0.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+    dependencies:
+      '@floating-ui/dom': 1.5.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+  /@floating-ui/utils@0.1.1:
+    resolution: {integrity: sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==}
+    dev: false
  /@formatjs/cli@6.1.3:
    resolution: {integrity: sha512-PdTXZTY8LqxwmvFqdifn89gjXnPUpGtGyFs0BnoeLuOuxZFSnBfIs5WQCVMaJnr1+0vNNlXyT0VAIAwjRpf6BA==}
    engines: {node: '>= 16'}
@@ -1746,6 +1880,7 @@ packages:
  /@gar/promisify@1.1.3:
    resolution: {integrity: sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==}
+    requiresBuild: true
    dev: false
    optional: true
@@ -2170,6 +2305,182 @@ packages:
      prop-types: 15.8.1
    dev: false
+  /@mui/base@5.0.0-beta.13(@types/react@18.2.20)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-uC0l97pBspfDAp+iz2cJq8YZ8Sd9i73V77+WzUiOAckIVEyCm5dyVDZCCO2/phmzckVEeZCGcytybkjMQuhPQw==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/is-prop-valid': 1.2.1
+      '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.2.20)
+      '@mui/utils': 5.14.7(react@18.2.0)
+      '@popperjs/core': 2.11.8
+      '@types/react': 18.2.20
+      clsx: 2.0.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 18.2.0
+    dev: false
+  /@mui/core-downloads-tracker@5.14.7:
+    resolution: {integrity: sha512-sCWTUNElBPgB30iLvWe3PU7SIlTKZNf6/E/sko85iHVeHCM6WPkDw+y89CrZYjhFNmPqt2fIQM/pZu+rP2lFLA==}
+    dev: false
+  /@mui/icons-material@5.14.7(@mui/material@5.14.7)(@types/react@18.2.20)(react@18.2.0):
+    resolution: {integrity: sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@mui/material': ^5.0.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@mui/material': 5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.20)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.2.20
+      react: 18.2.0
+    dev: false
+  /@mui/material@5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.20)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-jIZj9F7zMv6IlyaYDVv5M2Kp20jIX8c0kzuwteySHS/A0IvPVyomQEPtWc51MCbpDNCqzwoZUp3rQtA2lI8k7A==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.5.0
+      '@emotion/styled': ^11.3.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/react': 11.11.1(@types/react@18.2.20)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.20)(react@18.2.0)
+      '@mui/base': 5.0.0-beta.13(@types/react@18.2.20)(react-dom@18.2.0)(react@18.2.0)
+      '@mui/core-downloads-tracker': 5.14.7
+      '@mui/system': 5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.20)(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.2.20)
+      '@mui/utils': 5.14.7(react@18.2.0)
+      '@types/react': 18.2.20
+      '@types/react-transition-group': 4.4.6
+      clsx: 2.0.0
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 18.2.0
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+    dev: false
+  /@mui/private-theming@5.14.7(@types/react@18.2.20)(react@18.2.0):
+    resolution: {integrity: sha512-Y86+hmDnJab2Ka42PgxKpK3oL7EiacbeeX3X/lG9LGO0wSc45wZjHeTfIlVSkkUCkexiMKEJp5NlSjZhr27NRQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@mui/utils': 5.14.7(react@18.2.0)
+      '@types/react': 18.2.20
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+  /@mui/styled-engine@5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0):
+    resolution: {integrity: sha512-hKBETEDsIAkL8/mBwPiQj/vw28OeIhMXC3Tvj4J2bb9snxAKpiZioR1PwqP+6P41twsC/GKBd0Vr9oaWYaHuMg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.4.1
+      '@emotion/styled': ^11.3.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/cache': 11.11.0
+      '@emotion/react': 11.11.1(@types/react@18.2.20)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.20)(react@18.2.0)
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+  /@mui/system@5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(@types/react@18.2.20)(react@18.2.0):
+    resolution: {integrity: sha512-jeZtHglc+Pi6qjGoopT6O4RqYXVBMqHVOsjMGP0hxGSSPm1T4gsAu7jU8eqGx9YwwjvvJ0eotTjFqw7iJ6qE2Q==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.5.0
+      '@emotion/styled': ^11.3.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@emotion/react': 11.11.1(@types/react@18.2.20)(react@18.2.0)
+      '@emotion/styled': 11.11.0(@emotion/react@11.11.1)(@types/react@18.2.20)(react@18.2.0)
+      '@mui/private-theming': 5.14.7(@types/react@18.2.20)(react@18.2.0)
+      '@mui/styled-engine': 5.14.7(@emotion/react@11.11.1)(@emotion/styled@11.11.0)(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.2.20)
+      '@mui/utils': 5.14.7(react@18.2.0)
+      '@types/react': 18.2.20
+      clsx: 2.0.0
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+  /@mui/types@7.2.4(@types/react@18.2.20):
+    resolution: {integrity: sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==}
+    peerDependencies:
+      '@types/react': '*'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.2.20
+    dev: false
+  /@mui/utils@5.14.7(react@18.2.0):
+    resolution: {integrity: sha512-RtheP/aBoPogVdi8vj8Vo2IFnRa4mZVmnD0RGlVZ49yF60rZs+xP4/KbpIrTr83xVs34QmHQ2aQ+IX7I0a0dDw==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0
+    dependencies:
+      '@babel/runtime': 7.22.11
+      '@types/prop-types': 15.7.5
+      '@types/react-is': 18.2.1
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-is: 18.2.0
+    dev: false
  /@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1:
    resolution: {integrity: sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==}
    dependencies:
@@ -2204,6 +2515,7 @@ packages:
  /@npmcli/fs@1.1.1:
    resolution: {integrity: sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==}
+    requiresBuild: true
    dependencies:
      '@gar/promisify': 1.1.3
      semver: 7.5.4
@@ -2221,6 +2533,7 @@ packages:
    resolution: {integrity: sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==}
    engines: {node: '>=10'}
    deprecated: This functionality has been moved to @npmcli/fs
+    requiresBuild: true
    dependencies:
      mkdirp: 1.0.4
      rimraf: 3.0.2
@@ -2312,6 +2625,10 @@ packages:
      tslib: 2.6.1
    dev: true
+  /@popperjs/core@2.11.8:
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+    dev: false
  /@remix-run/router@1.8.0:
    resolution: {integrity: sha512-mrfKqIHnSZRyIzBcanNJmVQELTnX+qagEDlcKO90RgRBVOZGSGvZKeDihTRfWcqoDn5N/NkUcwWTccnpN18Tfg==}
    engines: {node: '>=14.0.0'}
@@ -2447,6 +2764,7 @@ packages:
  /@tootallnate/once@1.1.2:
    resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
    engines: {node: '>= 6'}
+    requiresBuild: true
    dev: false
    optional: true
@@ -2479,7 +2797,7 @@ packages:
    resolution: {integrity: sha512-PVb6Bg2QuscZ30FvOU7z4guG6c926D9YRvOxEaelzndpMsvP+YM74Q/dAFASpg2l6+XLalxSGxcq/lrgYWZtyQ==}
    dependencies:
      '@babel/parser': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      '@types/babel__generator': 7.6.4
      '@types/babel__template': 7.4.1
      '@types/babel__traverse': 7.18.2
@@ -2488,20 +2806,20 @@ packages:
  /@types/babel__generator@7.6.4:
    resolution: {integrity: sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@types/babel__template@7.4.1:
    resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==}
    dependencies:
      '@babel/parser': 7.22.10
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@types/babel__traverse@7.18.2:
    resolution: {integrity: sha512-FcFaxOr2V5KZCviw1TnutEMVUVsGt4D2hP1TAfXZAMKuHYW3xQhe3jTxNPWutgCJ3/X1c5yX8ZoGVEItxKbwBg==}
    dependencies:
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
    dev: true
  /@types/cacheable-request@6.0.3:
@@ -2628,6 +2946,10 @@ packages:
    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
    dev: true
+  /@types/parse-json@4.0.0:
+    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
+    dev: false
  /@types/plist@3.0.2:
    resolution: {integrity: sha512-ULqvZNGMv0zRFvqn8/4LSPtnmN4MfhlPNtJCTpKuIIxGVGZ2rYWzFXrvEBoh9CVyqSE7D6YFRJ1hydLHI6kbWw==}
    requiresBuild: true
@@ -2653,6 +2975,12 @@ packages:
      '@types/react': 18.2.20
    dev: true
+  /@types/react-is@18.2.1:
+    resolution: {integrity: sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==}
+    dependencies:
+      '@types/react': 18.2.20
+    dev: false
  /@types/react-loader@2.4.5:
    resolution: {integrity: sha512-eBtnKxGx/B+z6kSOMiVBYLPZmXLZDVoChSYk57N91HZKB1wSPICHPrgvlhC5j8Y7MCfoYRt4/emRwh2OQIhFrg==}
    dependencies:
@@ -2663,7 +2991,6 @@ packages:
    resolution: {integrity: sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==}
    dependencies:
      '@types/react': 18.2.20
-    dev: true
  /@types/react@18.2.20:
    resolution: {integrity: sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==}
@@ -3135,6 +3462,7 @@ packages:
  /aggregate-error@3.1.0:
    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
    engines: {node: '>=8'}
+    requiresBuild: true
    dependencies:
      clean-stack: 2.2.0
      indent-string: 4.0.0
@@ -3411,7 +3739,6 @@ packages:
    engines: {node: '>=4'}
    dependencies:
      color-convert: 1.9.3
-    dev: true
  /ansi-styles@4.3.0:
    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@@ -3531,6 +3858,7 @@ packages:
  /are-we-there-yet@3.0.1:
    resolution: {integrity: sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==}
    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    requiresBuild: true
    dependencies:
      delegates: 1.0.0
      readable-stream: 3.6.2
@@ -3808,11 +4136,20 @@ packages:
    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
    dependencies:
      '@babel/template': 7.22.5
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      '@types/babel__core': 7.1.20
      '@types/babel__traverse': 7.18.2
    dev: true
+  /babel-plugin-macros@3.1.0:
+    resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
+    engines: {node: '>=10', npm: '>=6'}
+    dependencies:
+      '@babel/runtime': 7.22.11
+      cosmiconfig: 7.1.0
+      resolve: 1.22.4
+    dev: false
  /babel-preset-current-node-syntax@1.0.1(@babel/core@7.22.10):
    resolution: {integrity: sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==}
    peerDependencies:
@@ -3897,6 +4234,7 @@ packages:
  /bindings@1.5.0:
    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+    requiresBuild: true
    dependencies:
      file-uri-to-path: 1.0.0
    dev: false
@@ -3938,6 +4276,7 @@ packages:
  /boolean@3.2.0:
    resolution: {integrity: sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==}
+    requiresBuild: true
    optional: true
  /bplist-parser@0.2.0:
@@ -4110,6 +4449,7 @@ packages:
  /cacache@15.3.0:
    resolution: {integrity: sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==}
    engines: {node: '>= 10'}
+    requiresBuild: true
    dependencies:
      '@npmcli/fs': 1.1.1
      '@npmcli/move-file': 1.1.2
@@ -4208,7 +4548,6 @@ packages:
  /callsites@3.1.0:
    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
    engines: {node: '>=6'}
-    dev: true
  /camelcase-keys@6.2.2:
    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
@@ -4244,7 +4583,6 @@ packages:
      ansi-styles: 3.2.1
      escape-string-regexp: 1.0.5
      supports-color: 5.5.0
-    dev: true
  /chalk@4.1.2:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -4344,6 +4682,7 @@ packages:
  /clean-stack@2.2.0:
    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
    engines: {node: '>=6'}
+    requiresBuild: true
  /cli-cursor@3.1.0:
    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
@@ -4456,6 +4795,11 @@ packages:
      readable-stream: 2.3.8
    dev: true
+  /clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+    dev: false
  /co-body@6.1.0:
    resolution: {integrity: sha512-m7pOT6CdLN7FuXUcpuz/8lfQ/L77x8SchHCF4G0RBTJO20Wzmhn5Sp4/5WsKy8OSpifBSUrmg83qEqaDHdyFuQ==}
    dependencies:
@@ -4654,7 +4998,6 @@ packages:
  /convert-source-map@1.9.0:
    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
-    dev: true
  /convert-source-map@2.0.0:
    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
@@ -4696,6 +5039,17 @@ packages:
      typescript: 5.0.4
    dev: true
+  /cosmiconfig@7.1.0:
+    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/parse-json': 4.0.0
+      import-fresh: 3.3.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.2
+    dev: false
  /cosmiconfig@8.1.3:
    resolution: {integrity: sha512-/UkO2JKI18b5jVMJUp0lvKFMpa/Gye+ZgZjKD+DGEN9y7NRcf/nK1A0sp67ONmKtnDCNMS44E6jrk0Yc3bDuUw==}
    engines: {node: '>=14'}
@@ -4778,7 +5132,7 @@ packages:
  /css-jss@10.10.0:
    resolution: {integrity: sha512-YyMIS/LsSKEGXEaVJdjonWe18p4vXLo8CMA4FrW/kcaEyqdIGKCFXao31gbJddXEdIxSXFFURWrenBJPlKTgAA==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      jss-preset-default: 10.10.0
    dev: false
@@ -4786,7 +5140,7 @@ packages:
  /css-vendor@2.0.8:
    resolution: {integrity: sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      is-in-browser: 1.1.3
    dev: false
@@ -4824,7 +5178,7 @@ packages:
    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
    engines: {node: '>=0.11'}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
    dev: true
  /dbus-next@0.10.2:
@@ -5106,6 +5460,7 @@ packages:
  /detect-node@2.1.0:
    resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
+    requiresBuild: true
    optional: true
  /didyoumean@1.2.2:
@@ -5186,7 +5541,7 @@ packages:
  /dom-helpers@5.2.1:
    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      csstype: 3.1.2
    dev: false
@@ -5416,12 +5771,12 @@ packages:
  /err-code@2.0.3:
    resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
+    requiresBuild: true
  /error-ex@1.3.2:
    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
    dependencies:
      is-arrayish: 0.2.1
-    dev: true
  /error-symbol@0.1.0:
    resolution: {integrity: sha512-VyjaKxUmeDX/m2lxm/aknsJ1GWDWUO2Ze2Ad8S1Pb9dykAm9TjSKp5CjrNyltYqZ5W/PO6TInAmO2/BfwMyT1g==}
@@ -5528,6 +5883,7 @@ packages:
  /es6-error@4.1.1:
    resolution: {integrity: sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==}
+    requiresBuild: true
    optional: true
  /es6-iterator@2.0.3:
@@ -5634,7 +5990,6 @@ packages:
  /escape-string-regexp@1.0.5:
    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
    engines: {node: '>=0.8.0'}
-    dev: true
  /escape-string-regexp@2.0.0:
    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
@@ -5708,7 +6063,7 @@ packages:
    resolution: {integrity: sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==}
    dependencies:
      debug: 3.2.7
-      is-core-module: 2.12.1
+      is-core-module: 2.13.0
      resolve: 1.22.4
    transitivePeerDependencies:
      - supports-color
@@ -6406,6 +6761,7 @@ packages:
  /file-uri-to-path@1.0.0:
    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+    requiresBuild: true
    dev: false
    optional: true
@@ -6432,6 +6788,10 @@ packages:
      to-regex-range: 5.0.1
    dev: true
+  /find-root@1.1.0:
+    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
+    dev: false
  /find-up@4.1.0:
    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
    engines: {node: '>=8'}
@@ -6638,6 +6998,7 @@ packages:
  /fs.realpath@1.0.0:
    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    requiresBuild: true
  /fsevents@2.3.3:
    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -6686,6 +7047,7 @@ packages:
  /gauge@4.0.4:
    resolution: {integrity: sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==}
    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    requiresBuild: true
    dependencies:
      aproba: 2.0.0
      color-support: 1.1.3
@@ -6961,7 +7323,6 @@ packages:
  /has-flag@3.0.0:
    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
    engines: {node: '>=4'}
-    dev: true
  /has-flag@4.0.0:
    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -7113,6 +7474,7 @@ packages:
  /http-proxy-agent@4.0.1:
    resolution: {integrity: sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==}
    engines: {node: '>= 6'}
+    requiresBuild: true
    dependencies:
      '@tootallnate/once': 1.1.2
      agent-base: 6.0.2
@@ -7185,6 +7547,7 @@ packages:
  /humanize-ms@1.2.1:
    resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
+    requiresBuild: true
    dependencies:
      ms: 2.1.3
@@ -7239,7 +7602,6 @@ packages:
    dependencies:
      parent-module: 1.0.1
      resolve-from: 4.0.0
-    dev: true
  /import-local@3.1.0:
    resolution: {integrity: sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==}
@@ -7269,6 +7631,7 @@ packages:
  /infer-owner@1.0.4:
    resolution: {integrity: sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==}
+    requiresBuild: true
    dev: false
    optional: true
@@ -7279,6 +7642,7 @@ packages:
  /inflight@1.0.6:
    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    requiresBuild: true
    dependencies:
      once: 1.4.0
      wrappy: 1.0.2
@@ -7348,6 +7712,7 @@ packages:
  /ip@2.0.0:
    resolution: {integrity: sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==}
+    requiresBuild: true
  /ipaddr.js@1.9.1:
    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
@@ -7394,7 +7759,6 @@ packages:
  /is-arrayish@0.2.1:
    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: true
  /is-arrayish@0.3.2:
    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
@@ -8062,7 +8426,7 @@ packages:
    resolution: {integrity: sha512-Kijeg9Dag6CKtIDA7O21zNTACqD5MD/8HfIV8pdD94vFyFuer52SigdC3IQMhab3vACxXMiFk+yMHNdbqtyTGA==}
    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
    dependencies:
-      '@babel/code-frame': 7.22.5
+      '@babel/code-frame': 7.22.10
      '@jest/types': 29.6.1
      '@types/stack-utils': 2.0.1
      chalk: 4.1.2
@@ -8206,7 +8570,7 @@ packages:
      '@babel/generator': 7.22.10
      '@babel/plugin-syntax-jsx': 7.21.4(@babel/core@7.22.10)
      '@babel/plugin-syntax-typescript': 7.20.0(@babel/core@7.22.10)
-      '@babel/types': 7.22.10
+      '@babel/types': 7.22.11
      '@jest/expect-utils': 29.6.2
      '@jest/transform': 29.6.2
      '@jest/types': 29.6.1
@@ -8366,14 +8730,13 @@ packages:
    resolution: {integrity: sha512-TuDuZ5KrgyjoCIppdPXBMqiGfota55+odM+j2cQ5rt/XKyKmqGB3Whz1F8SN8+60yYGy/Nu5lbRZ+rx8kBIvBw==}
    engines: {node: '>=10'}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      chalk: 4.1.2
      pegjs: 0.10.0
    dev: true
  /json-parse-even-better-errors@2.3.1:
    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
  /json-schema-traverse@0.4.1:
    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
@@ -8462,7 +8825,7 @@ packages:
  /jss-plugin-camel-case@10.10.0:
    resolution: {integrity: sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      hyphenate-style-name: 1.0.4
      jss: 10.10.0
    dev: false
@@ -8470,7 +8833,7 @@ packages:
  /jss-plugin-compose@10.10.0:
    resolution: {integrity: sha512-F5kgtWpI2XfZ3Z8eP78tZEYFdgTIbpA/TMuX3a8vwrNolYtN1N4qJR/Ob0LAsqIwCMLojtxN7c7Oo/+Vz6THow==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      tiny-warning: 1.0.3
    dev: false
@@ -8478,21 +8841,21 @@ packages:
  /jss-plugin-default-unit@10.10.0:
    resolution: {integrity: sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
    dev: false
  /jss-plugin-expand@10.10.0:
    resolution: {integrity: sha512-ymT62W2OyDxBxr7A6JR87vVX9vTq2ep5jZLIdUSusfBIEENLdkkc0lL/Xaq8W9s3opUq7R0sZQpzRWELrfVYzA==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
    dev: false
  /jss-plugin-extend@10.10.0:
    resolution: {integrity: sha512-sKYrcMfr4xxigmIwqTjxNcHwXJIfvhvjTNxF+Tbc1NmNdyspGW47Ey6sGH8BcQ4FFQhLXctpWCQSpDwdNmXSwg==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      tiny-warning: 1.0.3
    dev: false
@@ -8500,14 +8863,14 @@ packages:
  /jss-plugin-global@10.10.0:
    resolution: {integrity: sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
    dev: false
  /jss-plugin-nested@10.10.0:
    resolution: {integrity: sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      tiny-warning: 1.0.3
    dev: false
@@ -8515,14 +8878,14 @@ packages:
  /jss-plugin-props-sort@10.10.0:
    resolution: {integrity: sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
    dev: false
  /jss-plugin-rule-value-function@10.10.0:
    resolution: {integrity: sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      tiny-warning: 1.0.3
    dev: false
@@ -8530,7 +8893,7 @@ packages:
  /jss-plugin-rule-value-observable@10.10.0:
    resolution: {integrity: sha512-ZLMaYrR3QE+vD7nl3oNXuj79VZl9Kp8/u6A1IbTPDcuOu8b56cFdWRZNZ0vNr8jHewooEeq2doy8Oxtymr2ZPA==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      symbol-observable: 1.2.0
    dev: false
@@ -8538,7 +8901,7 @@ packages:
  /jss-plugin-template@10.10.0:
    resolution: {integrity: sha512-ocXZBIOJOA+jISPdsgkTs8wwpK6UbsvtZK5JI7VUggTD6LWKbtoxUzadd2TpfF+lEtlhUmMsCkTRNkITdPKa6w==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      tiny-warning: 1.0.3
    dev: false
@@ -8546,7 +8909,7 @@ packages:
  /jss-plugin-vendor-prefixer@10.10.0:
    resolution: {integrity: sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      css-vendor: 2.0.8
      jss: 10.10.0
    dev: false
@@ -8554,7 +8917,7 @@ packages:
  /jss-preset-default@10.10.0:
    resolution: {integrity: sha512-GL175Wt2FGhjE+f+Y3aWh+JioL06/QWFgZp53CbNNq6ZkVU0TDplD8Bxm9KnkotAYn3FlplNqoW5CjyLXcoJ7Q==}
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      jss: 10.10.0
      jss-plugin-camel-case: 10.10.0
      jss-plugin-compose: 10.10.0
@@ -8772,7 +9135,6 @@ packages:
  /lines-and-columns@1.2.4:
    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
  /livereload-js@2.4.0:
    resolution: {integrity: sha512-XPQH8Z2GDP/Hwz2PCDrh2mth4yFejwA1OZ/81Ti3LgKyhDcEjsSsqFWZojHG0va/duGd+WyosY7eXLDoOyqcPw==}
@@ -9026,6 +9388,7 @@ packages:
  /make-fetch-happen@9.1.0:
    resolution: {integrity: sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==}
    engines: {node: '>= 10'}
+    requiresBuild: true
    dependencies:
      agentkeepalive: 4.2.1
      cacache: 15.3.0
@@ -9100,6 +9463,7 @@ packages:
  /matcher@3.0.0:
    resolution: {integrity: sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==}
    engines: {node: '>=10'}
+    requiresBuild: true
    dependencies:
      escape-string-regexp: 4.0.0
    optional: true
@@ -9278,6 +9642,7 @@ packages:
  /minipass-fetch@1.4.1:
    resolution: {integrity: sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==}
    engines: {node: '>=8'}
+    requiresBuild: true
    dependencies:
      minipass: 3.3.6
      minipass-sized: 1.0.3
@@ -9991,7 +10356,6 @@ packages:
    engines: {node: '>=6'}
    dependencies:
      callsites: 3.1.0
-    dev: true
  /parse-filepath@1.0.2:
    resolution: {integrity: sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==}
@@ -10010,7 +10374,6 @@ packages:
      error-ex: 1.3.2
      json-parse-even-better-errors: 2.3.1
      lines-and-columns: 1.2.4
-    dev: true
  /parse-node-version@1.0.1:
    resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
@@ -10088,7 +10451,6 @@ packages:
  /path-type@4.0.0:
    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
    engines: {node: '>=8'}
-    dev: true
  /pause-stream@0.0.11:
    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
@@ -10288,6 +10650,7 @@ packages:
  /promise-inflight@1.0.1:
    resolution: {integrity: sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==}
+    requiresBuild: true
    peerDependencies:
      bluebird: '*'
    peerDependenciesMeta:
@@ -10624,6 +10987,31 @@ packages:
      unpipe: 1.0.0
    dev: false
+  /rc-progress@3.5.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-V6Amx6SbLRwPin/oD+k1vbPrO8+9Qf8zW1T8A7o83HdNafEVvAxPV5YsgtKFP+Ud5HghLj33zKOcEHrcrUGkfw==}
+    peerDependencies:
+      react: '>=16.9.0'
+      react-dom: '>=16.9.0'
+    dependencies:
+      '@babel/runtime': 7.21.5
+      classnames: 2.3.2
+      rc-util: 5.37.0(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+  /rc-util@5.37.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-cPMV8DzaHI1KDaS7XPRXAf4J7mtBqjvjikLpQieaeOO7+cEbqY2j7Kso/T0R0OiEZTNcLS/8Zl9YrlXiO9UbjQ==}
+    peerDependencies:
+      react: '>=16.9.0'
+      react-dom: '>=16.9.0'
+    dependencies:
+      '@babel/runtime': 7.22.11
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 16.13.1
+    dev: false
  /react-color@2.19.3(react@18.2.0):
    resolution: {integrity: sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==}
    peerDependencies:
@@ -10714,7 +11102,6 @@ packages:
  /react-is@18.2.0:
    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
-    dev: true
  /react-jss@10.10.0(react@18.2.0):
    resolution: {integrity: sha512-WLiq84UYWqNBF6579/uprcIUnM1TSywYq6AIjKTTTG5ziJl9Uy+pwuvpN3apuyVwflMbD60PraeTKT7uWH9XEQ==}
@@ -10846,7 +11233,7 @@ packages:
      react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
      react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
    dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.11
      memoize-one: 5.2.1
      react: 18.2.0
      react-dom: 18.2.0(react@18.2.0)
@@ -10990,6 +11377,9 @@ packages:
  /regenerator-runtime@0.13.11:
    resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
  /regex-not@1.0.2:
    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
    engines: {node: '>=0.10.0'}
@@ -11143,7 +11533,6 @@ packages:
  /resolve-from@4.0.0:
    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
    engines: {node: '>=4'}
-    dev: true
  /resolve-from@5.0.0:
    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
@@ -11171,7 +11560,7 @@ packages:
    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==}
    hasBin: true
    dependencies:
-      is-core-module: 2.12.1
+      is-core-module: 2.13.0
      path-parse: 1.0.7
      supports-preserve-symlinks-flag: 1.0.0
    dev: true
@@ -11188,7 +11577,7 @@ packages:
    resolution: {integrity: sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==}
    hasBin: true
    dependencies:
-      is-core-module: 2.12.1
+      is-core-module: 2.13.0
      path-parse: 1.0.7
      supports-preserve-symlinks-flag: 1.0.0
    dev: true
@@ -11214,6 +11603,7 @@ packages:
  /retry@0.12.0:
    resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
    engines: {node: '>= 4'}
+    requiresBuild: true
  /reusify@1.0.4:
    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
@@ -11241,6 +11631,7 @@ packages:
  /roarr@2.15.4:
    resolution: {integrity: sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==}
    engines: {node: '>=8.0'}
+    requiresBuild: true
    dependencies:
      boolean: 3.2.0
      detect-node: 2.1.0
@@ -11378,6 +11769,7 @@ packages:
  /semver-compare@1.0.0:
    resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
+    requiresBuild: true
    optional: true
  /semver@5.5.1:
@@ -11460,6 +11852,7 @@ packages:
  /serialize-error@7.0.1:
    resolution: {integrity: sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==}
    engines: {node: '>=10'}
+    requiresBuild: true
    dependencies:
      type-fest: 0.13.1
    optional: true
@@ -11652,6 +12045,7 @@ packages:
  /smart-buffer@4.2.0:
    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+    requiresBuild: true
  /snapdragon-node@2.1.1:
    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
@@ -11688,6 +12082,7 @@ packages:
  /socks-proxy-agent@6.2.1:
    resolution: {integrity: sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==}
    engines: {node: '>= 10'}
+    requiresBuild: true
    dependencies:
      agent-base: 6.0.2
      debug: 4.3.4
@@ -11829,6 +12224,7 @@ packages:
  /sprintf-js@1.1.2:
    resolution: {integrity: sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==}
+    requiresBuild: true
    optional: true
  /sqlite3@5.1.6:
@@ -11875,6 +12271,7 @@ packages:
  /ssri@8.0.1:
    resolution: {integrity: sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==}
    engines: {node: '>= 8'}
+    requiresBuild: true
    dependencies:
      minipass: 3.3.6
    dev: false
@@ -12076,6 +12473,10 @@ packages:
    engines: {node: '>=8'}
    dev: true
+  /stylis@4.2.0:
+    resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
+    dev: false
  /success-symbol@0.1.0:
    resolution: {integrity: sha512-7S6uOTxPklNGxOSbDIg4KlVLBQw1UiGVyfCUYgYxrZUKRblUkmGj7r8xlfQoFudvqLv6Ap5gd76/IIFfI9JG2A==}
    engines: {node: '>=0.10.0'}
@@ -12094,7 +12495,6 @@ packages:
    engines: {node: '>=4'}
    dependencies:
      has-flag: 3.0.0
-    dev: true
  /supports-color@7.2.0:
    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -12303,7 +12703,6 @@ packages:
  /to-fast-properties@2.0.0:
    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
    engines: {node: '>=4'}
-    dev: true
  /to-object-path@0.3.0:
    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
@@ -12517,6 +12916,7 @@ packages:
  /type-fest@0.13.1:
    resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
    engines: {node: '>=10'}
+    requiresBuild: true
    optional: true
  /type-fest@0.18.1:
@@ -12660,6 +13060,7 @@ packages:
  /unique-filename@1.1.1:
    resolution: {integrity: sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==}
+    requiresBuild: true
    dependencies:
      unique-slug: 2.0.2
    dev: false
@@ -12674,6 +13075,7 @@ packages:
  /unique-slug@2.0.2:
    resolution: {integrity: sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==}
+    requiresBuild: true
    dependencies:
      imurmurhash: 0.1.4
    dev: false
@@ -13125,6 +13527,11 @@ packages:
  /yallist@4.0.0:
    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+  /yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+    dev: false
  /yamlparser@0.0.2:
    resolution: {integrity: sha512-Cou9FCGblEENtn1/8La5wkDM/ISMh2bzu5Wh7dYzCzA0o9jD4YGyLkUJxe84oPBGoB92f+Oy4ZjVhA8S0C2wlQ==}
    dev: false
diff --git a/src/@types/stores.types.ts b/src/@types/stores.types.ts
index dc5da563f..973889802 100644
--- a/src/@types/stores.types.ts
+++ b/src/@types/stores.types.ts
@@ -125,6 +125,7 @@ export interface AppStore extends TypedStore {
    FAILED: 'FAILED';
  };
  universalDarkMode: boolean;
+  isDownloading: () => boolean;
  cacheSize: () => void;
  debugInfo: () => void;
  enableLongPressServiceHint: boolean;
diff --git a/src/actions/app.ts b/src/actions/app.ts
index 2e60c9327..07cc47078 100644
--- a/src/actions/app.ts
+++ b/src/actions/app.ts
@@ -28,4 +28,10 @@ export default <ActionDefinitions>{
  toggleMuteApp: {},
  toggleCollapseMenu: {},
  clearAllCache: {},
+  addDownload: {},
+  removeDownload: {},
+  updateDownload: {},
+  endedDownload: {},
+  stopDownload: {},
+  togglePauseDownload: {},
 };
diff --git a/src/actions/ui.ts b/src/actions/ui.ts
index 7d2dbccfa..f496c5c07 100644
--- a/src/actions/ui.ts
+++ b/src/actions/ui.ts
@@ -5,6 +5,9 @@ export default <ActionDefinitions>{
  openSettings: {
    path: PropTypes.string,
  },
+  openDownloads: {
+    path: PropTypes.string,
+  },
  closeSettings: {},
  toggleServiceUpdatedInfoBar: {
    visible: PropTypes.bool,
diff --git a/src/components/downloadManager/DownloadManagerDashboard.tsx b/src/components/downloadManager/DownloadManagerDashboard.tsx
new file mode 100644
index 000000000..86facc476
--- /dev/null
+++ b/src/components/downloadManager/DownloadManagerDashboard.tsx
@@ -0,0 +1,288 @@
+import { Component } from 'react';
+import { observer } from 'mobx-react';
+import { IntlShape, defineMessages, injectIntl } from 'react-intl';
+import { shell } from 'electron';
+import prettyBytes from 'pretty-bytes';
+import {
+  Typography,
+  Card,
+  CardContent,
+  LinearProgress,
+  Box,
+  IconButton,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+} from '@mui/material';
+import { mdiDownload } from '@mdi/js';
+import PlayArrowIcon from '@mui/icons-material/PlayArrow';
+import PauseIcon from '@mui/icons-material/Pause';
+import CancelIcon from '@mui/icons-material/Cancel';
+import FolderIcon from '@mui/icons-material/Folder';
+import DeleteIcon from '@mui/icons-material/Delete';
+import ClearAllIcon from '@mui/icons-material/ClearAll';
+import { round } from 'lodash';
+import { RealStores } from '../../stores';
+import { Actions } from '../../actions/lib/actions';
+import Icon from '../ui/icon';
+const messages = defineMessages({
+  headline: {
+    id: 'downloadManager.headline',
+    defaultMessage: 'Download Manager',
+  },
+  empty: {
+    id: 'downloadManager.empty',
+    defaultMessage: 'Your download list is empty.',
+  },
+});
+interface IProps {
+  intl: IntlShape;
+  stores?: RealStores;
+  actions?: Actions;
+}
+interface IState {
+  data: string;
+}
+// eslint-disable-next-line react/prefer-stateless-function
+class DownloadManagerDashboard extends Component<IProps, IState> {
+  render() {
+    const { intl, stores, actions } = this.props;
+    const downloads = stores?.app.downloads ?? [];
+    return (
+      <div className="settings__main">
+        <div className="settings__header">
+          <span className="settings__header-item">
+            <Box
+              sx={{
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+              gap={1.5}
+            >
+              <Icon icon={mdiDownload} size={1.5} />
+              {intl.formatMessage(messages.headline)}
+              <span className="badge badge--success">beta</span>
+            </Box>
+          </span>
+        </div>
+        <div className="settings__body">
+          {downloads.length === 0 ? (
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+              gap={4}
+            >
+              <Icon icon={mdiDownload} size={1.8} />
+              <Typography variant="h4">
+                {intl.formatMessage(messages.empty)}
+              </Typography>
+            </Box>
+          ) : (
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: 'row',
+                justifyContent: 'flex-end',
+                height: 'fit-content',
+              }}
+            >
+              <Box
+                sx={{
+                  maxWidth: '176px',
+                }}
+              >
+                <ListItemButton
+                  onClick={() => {
+                    actions?.app.removeDownload(null);
+                  }}
+                >
+                  <ListItemIcon>
+                    <ClearAllIcon />
+                  </ListItemIcon>
+                  <ListItemText primary="Clear all completed" />
+                </ListItemButton>
+              </Box>
+            </Box>
+          )}
+          {downloads.map(download => {
+            const {
+              totalBytes,
+              receivedBytes,
+              filename,
+              url,
+              savePath,
+              state,
+              id,
+              paused,
+            } = download;
+            const downloadPercentage =
+              receivedBytes !== undefined && totalBytes !== undefined
+                ? round((receivedBytes / totalBytes) * 100, 2)
+                : null;
+            const stateParse =
+              state === 'progressing'
+                ? paused === false || paused === undefined
+                  ? null
+                  : 'Paused'
+                : state === 'cancelled'
+                ? 'Cancelled'
+                : state === 'completed'
+                ? null
+                : 'Error';
+            return (
+              <Card
+                key={id}
+                style={{
+                  marginBottom: '16px',
+                  height: 'fit-content',
+                  display: 'flex',
+                }}
+              >
+                <Box
+                  sx={{ display: 'flex', flexDirection: 'column', flexGrow: 1 }}
+                >
+                  <CardContent>
+                    <Box
+                      sx={{
+                        display: 'flex',
+                      }}
+                      gap={2}
+                    >
+                      <button
+                        type="button"
+                        disabled={state !== 'completed'}
+                        style={{
+                          pointerEvents:
+                            state === 'completed' ? undefined : 'none',
+                        }}
+                        onClick={() => {
+                          if (savePath) shell.openPath(savePath);
+                        }}
+                      >
+                        <Typography
+                          variant="h6"
+                          color={state === 'completed' ? 'primary' : undefined}
+                          sx={{
+                            textDecoration:
+                              stateParse !== null && stateParse !== 'Paused'
+                                ? 'line-through'
+                                : state === 'completed'
+                                ? 'underline'
+                                : null,
+                          }}
+                        >
+                          {filename}
+                        </Typography>
+                      </button>
+                      <Typography
+                        variant="h6"
+                        color={stateParse === 'Paused' ? '#ed6c02' : undefined}
+                      >
+                        {stateParse !== null && stateParse !== 'Paused'
+                          ? stateParse
+                          : stateParse === 'Paused'
+                          ? stateParse
+                          : null}
+                      </Typography>
+                    </Box>
+                    <Typography variant="body2">{url}</Typography>
+                    <LinearProgress
+                      variant="determinate"
+                      value={downloadPercentage || 0}
+                      style={{ marginTop: '8px', marginBottom: '8px' }}
+                    />
+                    <Typography variant="body2">
+                      {`${
+                        downloadPercentage ? `${downloadPercentage}%  - ` : ''
+                      }${
+                        receivedBytes ? `${prettyBytes(receivedBytes)} of ` : ''
+                      }${totalBytes ? prettyBytes(totalBytes) : ''}`}
+                    </Typography>
+                  </CardContent>
+                </Box>
+                <Box
+                  sx={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    padding: '8px',
+                  }}
+                >
+                  {state !== 'completed' && state !== 'cancelled' && (
+                    <IconButton
+                      color="error"
+                      size="small"
+                      onClick={() => {
+                        actions?.app.stopDownload(id);
+                      }}
+                    >
+                      <CancelIcon />
+                    </IconButton>
+                  )}
+                  {state === 'progressing' && (
+                    <IconButton
+                      color={
+                        paused === false || paused === undefined
+                          ? 'warning'
+                          : 'success'
+                      }
+                      size="small"
+                      onClick={() => {
+                        actions?.app.togglePauseDownload(id);
+                      }}
+                    >
+                      {(paused === false || paused === undefined) && (
+                        <PauseIcon />
+                      )}
+                      {paused && <PlayArrowIcon />}
+                    </IconButton>
+                  )}
+                  {(state === 'cancelled' || state === 'completed') && (
+                    <IconButton
+                      color="error"
+                      onClick={() => {
+                        actions?.app.removeDownload(id);
+                      }}
+                      size="small"
+                    >
+                      <DeleteIcon />
+                    </IconButton>
+                  )}
+                  {state !== 'cancelled' && (
+                    <IconButton
+                      color="primary"
+                      onClick={() => {
+                        if (savePath) shell.showItemInFolder(savePath);
+                      }}
+                      size="small"
+                    >
+                      <FolderIcon />
+                    </IconButton>
+                  )}
+                </Box>
+              </Card>
+            );
+          })}
+        </div>
+      </div>
+    );
+  }
+}
+export default injectIntl(observer(DownloadManagerDashboard));
diff --git a/src/components/downloadManager/DownloadManagerLayout.tsx b/src/components/downloadManager/DownloadManagerLayout.tsx
new file mode 100644
index 000000000..1e018cfb8
--- /dev/null
+++ b/src/components/downloadManager/DownloadManagerLayout.tsx
@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import { inject, observer } from 'mobx-react';
+import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
+import { mdiClose } from '@mdi/js';
+import { Outlet } from 'react-router-dom';
+import { Actions } from '../../actions/lib/actions';
+import { isEscKeyPress } from '../../jsUtils';
+import Appear from '../ui/effects/Appear';
+import ErrorBoundary from '../util/ErrorBoundary';
+import Icon from '../ui/icon';
+const messages = defineMessages({
+  closeSettings: {
+    id: 'settings.app.closeSettings',
+    defaultMessage: 'Close settings',
+  },
+});
+interface IProps extends WrappedComponentProps {
+  actions?: Actions;
+  // eslint-disable-next-line react/no-unused-prop-types
+  children?: React.ReactNode;
+}
+@inject('stores', 'actions')
+@observer
+class DownloadManagerLayout extends Component<IProps> {
+  componentDidMount() {
+    document.addEventListener('keydown', this.handleKeyDown.bind(this), false);
+  }
+  componentWillUnmount() {
+    document.removeEventListener(
+      'keydown',
+      // eslint-disable-next-line unicorn/no-invalid-remove-event-listener
+      this.handleKeyDown.bind(this),
+      false,
+    );
+  }
+  handleKeyDown(e) {
+    if (isEscKeyPress(e.keyCode)) {
+      this.props.actions!.ui.closeSettings();
+    }
+  }
+  render() {
+    const { closeSettings } = this.props.actions!.ui;
+    const { intl } = this.props;
+    return (
+      <Appear transitionName="fadeIn-fast">
+        <div className="settings-wrapper">
+          <ErrorBoundary>
+            <button
+              type="button"
+              className="settings-wrapper__action"
+              onClick={closeSettings}
+              aria-label={intl.formatMessage(messages.closeSettings)}
+            />
+            <div className="settings franz-form">
+              <Outlet />
+              <button
+                type="button"
+                className="settings__close"
+                onClick={closeSettings}
+                aria-label={intl.formatMessage(messages.closeSettings)}
+              >
+                <Icon icon={mdiClose} size={1.35} />
+              </button>
+            </div>
+          </ErrorBoundary>
+        </div>
+      </Appear>
+    );
+  }
+}
+export default injectIntl<'intl', IProps>(DownloadManagerLayout);
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 6fd911a24..7904d7653 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -14,11 +14,12 @@ import {
  mdiPlusBox,
  mdiViewGrid,
  mdiViewSplitVertical,
+  mdiDownload,
 } from '@mdi/js';
 import Tabbar from '../services/tabs/Tabbar';
 import {
  addNewServiceShortcutKey,
+  downloadsShortcutKey,
  lockFerdiumShortcutKey,
  muteFerdiumShortcutKey,
  settingsShortcutKey,
@@ -91,6 +92,7 @@ interface IProps extends WrappedComponentProps {
  toggleCollapseMenu: () => void;
  toggleWorkspaceDrawer: () => void;
  openSettings: (args: { path: string }) => void;
+  openDownloads: (args: { path: string }) => void;
  // eslint-disable-next-line react/no-unused-prop-types
  closeSettings: () => void;
  setActive: (args: { serviceId: string }) => void;
@@ -141,6 +143,7 @@ class Sidebar extends Component<IProps, IState> {
  render() {
    const {
      openSettings,
+      openDownloads,
      toggleMuteApp,
      toggleCollapseMenu,
      isAppMuted,
@@ -156,6 +159,7 @@ class Sidebar extends Component<IProps, IState> {
      hideWorkspacesButton,
      hideNotificationsButton,
      hideSettingsButton,
+      hideDownloadButton,
      hideSplitModeButton,
      useHorizontalStyle,
      splitMode,
@@ -180,6 +184,8 @@ class Sidebar extends Component<IProps, IState> {
    const { isMenuCollapsed } = stores!.settings.all.app;
+    const { isDownloading, justFinishedDownloading } = stores!.app;
    return (
      <div className="sidebar">
        <Tabbar
@@ -340,6 +346,25 @@ class Sidebar extends Component<IProps, IState> {
            style={{ height: 'auto', overflowY: 'unset' }}
          />
        )}
+        {!hideDownloadButton && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => openDownloads({ path: '/downloadmanager' })}
+            className={
+              'sidebar__button' +
+              `${isDownloading ? ' sidebar__button--downloading' : ''}` +
+              `${justFinishedDownloading ? ' sidebar__button--done' : ''}`
+            }
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              globalMessages.downloads,
+            )} (${downloadsShortcutKey(false)})`}
+          >
+            <Icon icon={mdiDownload} size={1.8} />
+          </button>
+        ) : null}
        {!hideSettingsButton && !isMenuCollapsed ? (
          <button
            type="button"
diff --git a/src/components/settings/settings/EditSettingsForm.tsx b/src/components/settings/settings/EditSettingsForm.tsx
index 0b5d4374d..210c8d9e9 100644
--- a/src/components/settings/settings/EditSettingsForm.tsx
+++ b/src/components/settings/settings/EditSettingsForm.tsx
@@ -794,6 +794,8 @@ class EditSettingsForm extends Component<IProps, IState> {
                <Toggle {...form.$('hideSettingsButton').bind()} />
+                <Toggle {...form.$('hideDownloadButton').bind()} />
                <Toggle {...form.$('alwaysShowWorkspaces').bind()} />
              </div>
            )}
diff --git a/src/config.ts b/src/config.ts
index 21a7462b9..d8b028104 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -424,6 +424,7 @@ export const DEFAULT_APP_SETTINGS = {
  hideWorkspacesButton: false,
  hideNotificationsButton: false,
  hideSettingsButton: false,
+  hideDownloadButton: false,
  alwaysShowWorkspaces: false,
  liftSingleInstanceLock: false,
  enableLongPressServiceHint: false,
diff --git a/src/containers/download-manager/DownloadManagerScreen.tsx b/src/containers/download-manager/DownloadManagerScreen.tsx
new file mode 100644
index 000000000..5d395a180
--- /dev/null
+++ b/src/containers/download-manager/DownloadManagerScreen.tsx
@@ -0,0 +1,15 @@
+import { Component, ReactElement } from 'react';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+import DownloadManager from '../../components/downloadManager/DownloadManagerDashboard';
+class DownloadManagerScreen extends Component {
+  render(): ReactElement {
+    return (
+      <ErrorBoundary>
+        <DownloadManager {...this.props} />
+      </ErrorBoundary>
+    );
+  }
+}
+export default DownloadManagerScreen;
diff --git a/src/containers/download-manager/DownloadManagerWindow.tsx b/src/containers/download-manager/DownloadManagerWindow.tsx
new file mode 100644
index 000000000..e13e51774
--- /dev/null
+++ b/src/containers/download-manager/DownloadManagerWindow.tsx
@@ -0,0 +1,46 @@
+import { inject, observer } from 'mobx-react';
+import { Component, ReactPortal } from 'react';
+import ReactDOM from 'react-dom';
+import { Outlet } from 'react-router-dom';
+import { StoresProps } from '../../@types/ferdium-components.types';
+import Layout from '../../components/downloadManager/DownloadManagerLayout';
+import ErrorBoundary from '../../components/util/ErrorBoundary';
+interface IProps {}
+@inject('stores', 'actions')
+@observer
+class DownloadManagerContainer extends Component<IProps> {
+  portalRoot: any;
+  el: HTMLDivElement;
+  constructor(props: StoresProps) {
+    super(props);
+    this.portalRoot = document.querySelector('#portalContainer');
+    this.el = document.createElement('div');
+  }
+  componentDidMount(): void {
+    this.portalRoot.append(this.el);
+  }
+  componentWillUnmount(): void {
+    this.el.remove();
+  }
+  render(): ReactPortal {
+    return ReactDOM.createPortal(
+      <ErrorBoundary>
+        <Layout>
+          <Outlet />
+        </Layout>
+      </ErrorBoundary>,
+      this.el,
+    );
+  }
+}
+export default DownloadManagerContainer;
diff --git a/src/containers/layout/AppLayoutContainer.tsx b/src/containers/layout/AppLayoutContainer.tsx
index e30c0e067..8748f1032 100644
--- a/src/containers/layout/AppLayoutContainer.tsx
+++ b/src/containers/layout/AppLayoutContainer.tsx
@@ -52,7 +52,8 @@ class AppLayoutContainer extends Component<IProps> {
    const { installUpdate, toggleMuteApp, toggleCollapseMenu } =
      this.props.actions.app;
-    const { openSettings, closeSettings } = this.props.actions.ui;
+    const { openSettings, closeSettings, openDownloads } =
+      this.props.actions.ui;
    const isLoadingFeatures =
      features.featuresRequest.isExecuting &&
@@ -89,6 +90,7 @@ class AppLayoutContainer extends Component<IProps> {
        isAppMuted={settings.all.app.isAppMuted}
        isMenuCollapsed={settings.all.app.isMenuCollapsed}
        openSettings={openSettings}
+        openDownloads={openDownloads}
        closeSettings={closeSettings}
        reorder={reorder}
        reload={reload}
diff --git a/src/containers/settings/EditSettingsScreen.tsx b/src/containers/settings/EditSettingsScreen.tsx
index b9732ead0..8190bef3e 100644
--- a/src/containers/settings/EditSettingsScreen.tsx
+++ b/src/containers/settings/EditSettingsScreen.tsx
@@ -255,6 +255,10 @@ const messages = defineMessages({
    id: 'settings.app.form.hideSettingsButton',
    defaultMessage: 'Hide Settings button',
  },
+  hideDownloadButton: {
+    id: 'settings.app.form.hideDownloadButton',
+    defaultMessage: 'Hide Downloads button',
+  },
  alwaysShowWorkspaces: {
    id: 'settings.app.form.alwaysShowWorkspaces',
    defaultMessage: 'Always show workspace drawer',
@@ -425,6 +429,7 @@ class EditSettingsScreen extends Component<
        hideWorkspacesButton: Boolean(settingsData.hideWorkspacesButton),
        hideNotificationsButton: Boolean(settingsData.hideNotificationsButton),
        hideSettingsButton: Boolean(settingsData.hideSettingsButton),
+        hideDownloadButton: Boolean(settingsData.hideDownloadButton),
        alwaysShowWorkspaces: Boolean(settingsData.alwaysShowWorkspaces),
        accentColor: settingsData.accentColor,
        progressbarAccentColor: settingsData.progressbarAccentColor,
@@ -1081,6 +1086,15 @@ class EditSettingsScreen extends Component<
          default: DEFAULT_APP_SETTINGS.hideSettingsButton,
          type: 'checkbox',
        },
+        hideDownloadButton: {
+          label: intl.formatMessage(messages.hideDownloadButton),
+          value: ifUndefined<boolean>(
+            settings.all.app.hideDownloadButton,
+            DEFAULT_APP_SETTINGS.hideDownloadButton,
+          ),
+          default: DEFAULT_APP_SETTINGS.hideDownloadButton,
+          type: 'checkbox',
+        },
        alwaysShowWorkspaces: {
          label: intl.formatMessage(messages.alwaysShowWorkspaces),
          value: ifUndefined<boolean>(
diff --git a/src/environment.ts b/src/environment.ts
index c3b9e7e58..87e2f4f66 100644
--- a/src/environment.ts
+++ b/src/environment.ts
@@ -42,5 +42,7 @@ export const splitModeToggleShortcutKey = (isAccelerator = true) =>
  `${cmdOrCtrlShortcutKey(isAccelerator)}+${altKey(isAccelerator)}+S`;
 export const settingsShortcutKey = (isAccelerator = true) =>
  `${cmdOrCtrlShortcutKey(isAccelerator)}+${isMac ? ',' : 'P'}`;
+export const downloadsShortcutKey = (isAccelerator = true) =>
+  `${cmdOrCtrlShortcutKey(isAccelerator)}+J`;
 export const toggleFullScreenKey = () =>
  isMac ? `CTRL + ${cmdKey} + F` : 'F11';
diff --git a/src/i18n/globalMessages.ts b/src/i18n/globalMessages.ts
index 9f55da57a..1c5e6a4ba 100644
--- a/src/i18n/globalMessages.ts
+++ b/src/i18n/globalMessages.ts
@@ -66,6 +66,10 @@ export default defineMessages({
    id: 'global.quitConfirmation',
    defaultMessage: 'Do you really want to quit Ferdium?',
  },
+  downloads: {
+    id: 'global.downloads',
+    defaultMessage: 'Downloads',
+  },
  settings: {
    id: 'global.settings',
    defaultMessage: 'Settings',
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 82c0f1b02..da6d825b6 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -9,6 +9,8 @@
  "connectionLostBanner.cta": "Reload Service",
  "connectionLostBanner.informationLink": "What happened?",
  "connectionLostBanner.message": "Oh no! Ferdium lost the connection to {name}.",
+  "downloadManager.empty": "Your download list is empty.",
+  "downloadManager.headline": "Download Manager",
  "feature.basicAuth.signIn": "Sign In",
  "feature.publishDebugInfo.error": "There was an error while trying to publish the debug information. Please try again later or view the console for more information.",
  "feature.publishDebugInfo.info": "Publishing your debug information helps us find issues and errors in Ferdium. By publishing your debug information you accept Ferdium Debugger's privacy policy and terms of service",
@@ -23,6 +25,7 @@
  "global.api.unhealthy": "Can't connect to {serverNameParse} online services",
  "global.cancel": "Cancel",
  "global.clearCache": "Clear cache",
+  "global.downloads": "Downloads",
  "global.edit": "Edit",
  "global.no": "No",
  "global.notConnectedToTheInternet": "You are not connected to the internet.",
@@ -219,6 +222,7 @@
  "settings.app.form.hibernateOnStartup": "Keep services in hibernation on startup",
  "settings.app.form.hibernationStrategy": "Hibernation strategy",
  "settings.app.form.hideCollapseButton": "Hide Collapse button",
+  "settings.app.form.hideDownloadButton": "Hide Downloads button",
  "settings.app.form.hideNotificationsButton": "Hide Notifications & Sound button",
  "settings.app.form.hideRecipesButton": "Hide Recipes button",
  "settings.app.form.hideSettingsButton": "Hide Settings button",
diff --git a/src/index.ts b/src/index.ts
index cbc10bdbe..5accc4570 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -674,6 +674,16 @@ ipcMain.on('window.toolbar-double-clicked', () => {
  }
 });
+ipcMain.on('stop-download', (_e, data) => {
+  debug(`stopping download from main process ${data}`);
+  mainWindow?.webContents.send('stop-download', data);
+});
+ipcMain.on('toggle-pause-download', (_e, data) => {
+  debug(`stopping download from main process ${data}`);
+  mainWindow?.webContents.send('toggle-pause-download', data);
+});
 // Quit when all windows are closed.
 app.on('window-all-closed', () => {
  // On OS X it is common for applications and their menu bar
diff --git a/src/lib/Menu.ts b/src/lib/Menu.ts
index a90fd8bea..8ad4441d2 100644
--- a/src/lib/Menu.ts
+++ b/src/lib/Menu.ts
@@ -32,6 +32,7 @@ import {
  nodeVersion,
  osArch,
  toggleFullScreenKey,
+  downloadsShortcutKey,
 } from '../environment';
 import { CUSTOM_WEBSITE_RECIPE_ID, LIVE_API_FERDIUM_WEBSITE } from '../config';
 import { ferdiumVersion } from '../environment-remote';
@@ -875,6 +876,15 @@ class FranzMenu implements StoresProps {
          type: 'separator',
        },
        {
+          label: intl.formatMessage(globalMessages.downloads),
+          accelerator: `${downloadsShortcutKey()}`,
+          click: () => {
+            this.actions.ui.openDownloads({ path: '/downloadmanager' });
+          },
+          enabled: this.stores.user.isLoggedIn,
+          visible: !locked,
+        },
+        {
          label: intl.formatMessage(globalMessages.settings),
          accelerator: `${settingsShortcutKey()}`,
          click: () => {
@@ -991,6 +1001,15 @@ class FranzMenu implements StoresProps {
    } else {
      tpl[0].submenu = [
        {
+          label: intl.formatMessage(globalMessages.downloads),
+          accelerator: `${downloadsShortcutKey()}`,
+          click: () => {
+            this.actions.ui.openDownloads({ path: '/downloadmanager' });
+          },
+          enabled: this.stores.user.isLoggedIn,
+          visible: !locked,
+        },
+        {
          label: intl.formatMessage(globalMessages.settings),
          accelerator: `${settingsShortcutKey()}`,
          click: () => {
diff --git a/src/models/Service.ts b/src/models/Service.ts
index 265b3e13c..b1f0bc271 100644
--- a/src/models/Service.ts
+++ b/src/models/Service.ts
@@ -1,9 +1,10 @@
-import { join } from 'node:path';
+import { join, basename } from 'node:path';
 import { autorun, action, computed, makeObservable, observable } from 'mobx';
 import { ipcRenderer } from 'electron';
 import { webContents } from '@electron/remote';
 import ElectronWebView from 'react-electron-web-view';
+import { v4 as uuidV4 } from 'uuid';
 import { todosStore } from '../features/todos';
 import { isValidExternalURL, normalizedUrl } from '../helpers/url-helpers';
 import UserAgent from './UserAgent';
@@ -523,6 +524,84 @@ export default class Service {
    });
    if (webviewWebContents) {
+      webviewWebContents.session.on('will-download', (event, item) => {
+        event.preventDefault();
+        const downloadId = uuidV4();
+        window['ferdium'].actions.app.addDownload({
+          id: downloadId,
+          serviceId: this.id,
+          filename: item.getFilename(),
+          url: item.getURL(),
+          savePath: item.getSavePath(),
+        });
+        item.addListener('updated', (event, state) => {
+          if (state === 'interrupted') {
+            debug('Download is interrupted but can be resumed');
+          } else if (state === 'progressing') {
+            if (item.isPaused()) {
+              debug('Download is paused');
+            } else {
+              debug(`Received bytes: ${item.getReceivedBytes()}`);
+            }
+          }
+          window['ferdium'].actions.app.updateDownload({
+            id: downloadId,
+            serviceId: this.id,
+            filename: basename(item.getSavePath()),
+            url: item.getURL(),
+            savePath: item.getSavePath(),
+            receivedBytes: item.getReceivedBytes(),
+            totalBytes: item.getTotalBytes(),
+            state,
+          });
+          debug('download updated', event, state);
+        });
+        item.addListener('done', (event, state) => {
+          debug('download done', event, state);
+          if (state === 'completed') {
+            debug('Download successfully');
+          } else {
+            if (state === 'cancelled' && item.getSavePath() === '') {
+              window['ferdium'].actions.app.removeDownload(downloadId);
+              debug('Download is cancelled');
+            }
+            debug(`Download failed: ${state}`);
+          }
+          window['ferdium'].actions.app.endedDownload({
+            id: downloadId,
+            serviceId: this.id,
+            receivedBytes: item.getReceivedBytes(),
+            totalBytes: item.getTotalBytes(),
+            state,
+          });
+        });
+        ipcRenderer.on('toggle-pause-download', (_, data) => {
+          debug('toggle-pause-download', item.isPaused(), item.getState());
+          if (data.downloadId === downloadId || data.downloadId === undefined) {
+            if (item.isPaused()) {
+              item.resume();
+            } else {
+              item.pause();
+            }
+          }
+          debug('toggle-pause-download', item.isPaused(), item.getState());
+          window['ferdium'].actions.app.updateDownload({
+            id: downloadId,
+            paused: item.isPaused(),
+          });
+        });
+        ipcRenderer.on('stop-download', (_, data) => {
+          if (data === undefined || downloadId === data.downloadId) {
+            item.cancel();
+          }
+        });
+      });
      webviewWebContents.on('login', (event, _, authInfo, callback) => {
        // const authCallback = callback;
        debug('browser login event', authInfo);
diff --git a/src/routes.tsx b/src/routes.tsx
index 9f81e46d9..436f25ea4 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -35,6 +35,8 @@ import { WORKSPACES_ROUTES } from './features/workspaces/constants';
 import { StoresProps } from './@types/ferdium-components.types';
 import { Actions } from './actions/lib/actions';
 import { RealStores } from './stores';
+import DownloadManagerScreen from './containers/download-manager/DownloadManagerScreen';
+import DownloadManagerWindow from './containers/download-manager/DownloadManagerWindow';
 interface IProps {
  history: HashHistory;
@@ -116,6 +118,15 @@ class FerdiumRoutes extends Component<IProps> {
              />
            </Route>
            <Route
+              path="/downloadmanager"
+              element={<DownloadManagerWindow {...this.props} />}
+            >
+              <Route
+                path="/downloadmanager"
+                element={<DownloadManagerScreen {...this.props} />}
+              />
+            </Route>
+            <Route
              path="/settings"
              element={<SettingsWindow {...this.props} />}
            >
diff --git a/src/stores/AppStore.ts b/src/stores/AppStore.ts
index b317d99fc..1c1336819 100644
--- a/src/stores/AppStore.ts
+++ b/src/stores/AppStore.ts
@@ -61,6 +61,22 @@ const CATALINA_NOTIFICATION_HACK_KEY =
 const locales = generatedTranslations();
+interface Download {
+  id: string;
+  serviceId: string;
+  filename: string;
+  url: string;
+  savePath?: string;
+  state?: 'progressing' | 'interrupted' | 'completed' | 'cancelled';
+  paused?: boolean;
+  canResume?: boolean;
+  progress?: number;
+  totalBytes?: number;
+  receivedBytes?: number;
+  startTime?: number;
+  endTime?: number;
+}
 export default class AppStore extends TypedStore {
  updateStatusTypes = {
    CHECKING: 'CHECKING',
@@ -114,6 +130,10 @@ export default class AppStore extends TypedStore {
  fetchDataInterval: null | NodeJS.Timer = null;
+  @observable downloads: Download[] = [];
+  @observable justFinishedDownloading: boolean = false;
  constructor(stores: Stores, api: ApiInterface, actions: Actions) {
    super(stores, api, actions);
@@ -136,6 +156,14 @@ export default class AppStore extends TypedStore {
      this._toggleCollapseMenu.bind(this),
    );
    this.actions.app.clearAllCache.listen(this._clearAllCache.bind(this));
+    this.actions.app.addDownload.listen(this._addDownload.bind(this));
+    this.actions.app.removeDownload.listen(this._removeDownload.bind(this));
+    this.actions.app.updateDownload.listen(this._updateDownload.bind(this));
+    this.actions.app.endedDownload.listen(this._endedDownload.bind(this));
+    this.actions.app.stopDownload.listen(this._stopDownload.bind(this));
+    this.actions.app.togglePauseDownload.listen(
+      this._togglePauseDownload.bind(this),
+    );
    this.registerReactions([
      this._offlineCheck.bind(this),
@@ -300,6 +328,10 @@ export default class AppStore extends TypedStore {
    return this.getAppCacheSizeRequest.execute().result;
  }
+  @computed get isDownloading() {
+    return this.downloads.some(download => download.state === 'progressing');
+  }
  @computed get debugInfo() {
    const settings = cleanseJSObject(this.stores.settings.app);
    settings.lockedPassword = '******';
@@ -518,6 +550,78 @@ export default class AppStore extends TypedStore {
    this.locale = value;
  }
+  @action _addDownload(download: Download) {
+    this.downloads.unshift(download);
+    debug('Download added', this.downloads);
+  }
+  @action _removeDownload(id: string | null) {
+    debug(`Removed download ${id}`);
+    if (id === null) {
+      const indexesToRemove: number[] = [];
+      this.downloads.map(item => {
+        if (!item.state) return;
+        if (item.state === 'completed' || item.state === 'cancelled') {
+          indexesToRemove.push(this.downloads.indexOf(item));
+        }
+      });
+      if (indexesToRemove.length === 0) return;
+      this.downloads = this.downloads.filter(
+        (_, index) => !indexesToRemove.includes(index),
+      );
+      debug('Removed all completed downloads');
+      return;
+    }
+    const index = this.downloads.findIndex(item => item.id === id);
+    if (index !== -1) {
+      this.downloads.splice(index, 1);
+    }
+    debug(`Removed download ${id}`);
+  }
+  @action _updateDownload(download: Download) {
+    const index = this.downloads.findIndex(item => item.id === download.id);
+    if (index !== -1) {
+      this.downloads[index] = { ...this.downloads[index], ...download };
+    }
+    debug('Download updated', this.downloads[index]);
+  }
+  @action _endedDownload(download: Download) {
+    const index = this.downloads.findIndex(item => item.id === download.id);
+    if (index !== -1) {
+      this.downloads[index] = { ...this.downloads[index], ...download };
+    }
+    debug('Download ended', this.downloads[index]);
+    if (!this.isDownloading && download.state === 'completed') {
+      this.justFinishedDownloading = true;
+      setTimeout(() => {
+        this.justFinishedDownloading = false;
+      }, ms('2s'));
+    }
+  }
+  @action _stopDownload(downloadId: string | undefined) {
+    ipcRenderer.send('stop-download', {
+      downloadId,
+    });
+  }
+  @action _togglePauseDownload(downloadId: string | undefined) {
+    ipcRenderer.send('toggle-pause-download', {
+      downloadId,
+    });
+  }
  _setLocale() {
    if (this.stores.user?.isLoggedIn && this.stores.user?.data.locale) {
      this._changeLocale(this.stores.user.data.locale);
diff --git a/src/stores/UIStore.ts b/src/stores/UIStore.ts
index 4ed45fc3b..a3330c2e6 100644
--- a/src/stores/UIStore.ts
+++ b/src/stores/UIStore.ts
@@ -18,6 +18,7 @@ export default class UIStore extends TypedStore {
    makeObservable(this);
    // Register action handlers
+    this.actions.ui.openDownloads.listen(this._openDownloads.bind(this));
    this.actions.ui.openSettings.listen(this._openSettings.bind(this));
    this.actions.ui.closeSettings.listen(this._closeSettings.bind(this));
    this.actions.ui.toggleServiceUpdatedInfoBar.listen(
@@ -97,6 +98,12 @@ export default class UIStore extends TypedStore {
  }
  // Actions
+  @action _openDownloads({ path = '/downloadmanager' }): void {
+    const downloadsPath =
+      path === '/downloadmanager' ? path : `/downloadmanager/${path}`;
+    this.stores.router.push(downloadsPath);
+  }
  @action _openSettings({ path = '/settings' }): void {
    const settingsPath = path === '/settings' ? path : `/settings/${path}`;
    this.stores.router.push(settingsPath);
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index 173ca3184..591f7c54b 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -204,6 +204,27 @@ body.win32:not(.isFullScreen) .app .app__content {
  }
 }
+@keyframes isDownloadingFade {
+  50% {
+    color: $theme-brand-primary;
+  }
+}
+@keyframes isDownloadingDoneFade {
+  50% {
+    color: green;
+  }
+}
+.sidebar__button--downloading {
+  animation: isDownloadingFade 1s cubic-bezier(0.755, 0.05, 0.855, 0.06)
+    infinite;
+}
+.sidebar__button--done {
+  animation: isDownloadingDoneFade 0.2s linear infinite;
+}
 .grid .grid__row {
  display: flex;
  flex-direction: row;