diff --git a/web/package.json b/web/package.json
index 25be4800eb..34e6e8fcba 100644
--- a/web/package.json
+++ b/web/package.json
@@ -22,7 +22,7 @@
"@stablelib/x25519": "^2.0.1",
"@tanstack/react-form": "^1.28.5",
"@tanstack/react-query": "^5.90.21",
- "@tanstack/react-router": "^1.167.3",
+ "@tanstack/react-router": "^1.167.4",
"@tanstack/react-table": "^8.21.3",
"@tanstack/react-virtual": "^3.13.23",
"@uidotdev/usehooks": "^2.4.1",
@@ -34,7 +34,7 @@
"humanize-duration": "^3.33.2",
"ipaddr.js": "^2.3.0",
"lodash-es": "^4.17.23",
- "motion": "^12.37.0",
+ "motion": "^12.38.0",
"qrcode.react": "^4.2.0",
"qs": "^6.15.0",
"radashi": "^12.7.2",
@@ -57,7 +57,7 @@
"@tanstack/react-devtools": "^0.10.0",
"@tanstack/react-query-devtools": "^5.91.3",
"@tanstack/react-router-devtools": "^1.166.9",
- "@tanstack/router-plugin": "^1.166.12",
+ "@tanstack/router-plugin": "^1.166.13",
"@types/byte-size": "^8.1.2",
"@types/humanize-duration": "^3.27.4",
"@types/lodash-es": "^4.17.12",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index c2348267d7..8246963e53 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -36,8 +36,8 @@ importers:
specifier: ^5.90.21
version: 5.90.21(react@19.2.4)
'@tanstack/react-router':
- specifier: ^1.167.3
- version: 1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ specifier: ^1.167.4
+ version: 1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/react-table':
specifier: ^8.21.3
version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -72,8 +72,8 @@ importers:
specifier: ^4.17.23
version: 4.17.23
motion:
- specifier: ^12.37.0
- version: 12.37.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ specifier: ^12.38.0
+ version: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
qrcode.react:
specifier: ^4.2.0
version: 4.2.0(react@19.2.4)
@@ -131,10 +131,10 @@ importers:
version: 5.91.3(@tanstack/react-query@5.90.21(react@19.2.4))(react@19.2.4)
'@tanstack/react-router-devtools':
specifier: ^1.166.9
- version: 1.166.9(@tanstack/react-router@1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.167.3)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ version: 1.166.9(@tanstack/react-router@1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.167.4)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@tanstack/router-plugin':
- specifier: ^1.166.12
- version: 1.166.12(@tanstack/react-router@1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(sass@1.98.0)(tsx@4.21.0))
+ specifier: ^1.166.13
+ version: 1.166.13(@tanstack/react-router@1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(sass@1.98.0)(tsx@4.21.0))
'@types/byte-size':
specifier: ^8.1.2
version: 8.1.2
@@ -251,12 +251,12 @@ packages:
resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
engines: {node: '>=6.9.0'}
- '@babel/helpers@7.28.6':
- resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
+ '@babel/helpers@7.29.2':
+ resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
engines: {node: '>=6.9.0'}
- '@babel/parser@7.29.0':
- resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
+ '@babel/parser@7.29.2':
+ resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
engines: {node: '>=6.0.0'}
hasBin: true
@@ -1175,8 +1175,8 @@ packages:
'@tanstack/router-core':
optional: true
- '@tanstack/react-router@1.167.3':
- resolution: {integrity: sha512-1qbSy4r+O7IBdmPLlcKsjB041Gq2MMnIEAYSGIjaMZIL4duUIQnOWLw4jTfjKil/IJz/9rO5JcvrbxOG5UTSdg==}
+ '@tanstack/react-router@1.167.4':
+ resolution: {integrity: sha512-VpbZh382zX3WF4+X2Z+EUyd8eJhJyjg9C6ByYwrVZiWbhgbMK4+zQQIG2+lCAlIlDi7SV8fDcGL09NA8Z2kpGQ==}
engines: {node: '>=20.19'}
peerDependencies:
react: '>=18.0.0 || >=19.0.0'
@@ -1201,9 +1201,10 @@ packages:
react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
- '@tanstack/router-core@1.167.3':
- resolution: {integrity: sha512-M/CxrTGKk1fsySJjd+Pzpbi3YLDz+cJSutDjSTMy12owWlOgHV/I6kzR0UxyaBlHraM6XgMHNA0XdgsS1fa4Nw==}
+ '@tanstack/router-core@1.167.4':
+ resolution: {integrity: sha512-Gk5V9Zr5JFJ4SbLyCheQLJ3MnXddccENPA+DJRz+9g3QxtN8DJB8w8KCUCgDeYlWp4LvmO4nX3fy3tupqVP2Pw==}
engines: {node: '>=20.19'}
+ hasBin: true
'@tanstack/router-devtools-core@1.166.9':
resolution: {integrity: sha512-PNlA7GmOUX9wY7LUG709Pk3Lg33dfHBztQwzjzrOiOsuf4ggp2R6bwarF8nYGNjG79z/MaB5PN+5yvkCVk8jGw==}
@@ -1215,16 +1216,17 @@ packages:
csstype:
optional: true
- '@tanstack/router-generator@1.166.11':
- resolution: {integrity: sha512-Q/49wxURbft1oNOvo/eVAWZq/lNLK3nBGlavqhLToAYXY6LCzfMtRlE/y3XPHzYC9pZc09u5jvBR1k1E4hyGDQ==}
+ '@tanstack/router-generator@1.166.12':
+ resolution: {integrity: sha512-2HdxSTbCkbU9JeYogKVigIlXoLtIJE1x5rbEov+ZLTPjGCO9kicNQuljqg9Js+u2/ahtWewNrE5u1QCAyxmpIg==}
engines: {node: '>=20.19'}
- '@tanstack/router-plugin@1.166.12':
- resolution: {integrity: sha512-PYsnN6goK6zBaVo63UVKjofv69+HHMKRQXymwN55JYKguNnNR8OZ6E12icPb0Olc5uIpPiGz1YI2+rbpmNKGHA==}
+ '@tanstack/router-plugin@1.166.13':
+ resolution: {integrity: sha512-xG3ND3AlMe6DN9PihJAYUbQJevqJvVdzN1QpZbfU1/jkHurL97ynP2yXfmMTh8Qgi1K+SWRko4bi7iZlYP9SUw==}
engines: {node: '>=20.19'}
+ hasBin: true
peerDependencies:
'@rsbuild/core': '>=1.0.2'
- '@tanstack/react-router': ^1.167.3
+ '@tanstack/react-router': ^1.167.4
vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
vite-plugin-solid: ^2.11.10
webpack: '>=5.92.0'
@@ -1254,9 +1256,10 @@ packages:
'@tanstack/virtual-core@3.13.23':
resolution: {integrity: sha512-zSz2Z2HNyLjCplANTDyl3BcdQJc2k1+yyFoKhNRmCr7V7dY8o8q5m8uFTI1/Pg1kL+Hgrz6u3Xo6eFUB7l66cg==}
- '@tanstack/virtual-file-routes@1.161.6':
- resolution: {integrity: sha512-EGWs9yvJA821pUkwkiZLQW89CzUumHyJy8NKq229BubyoWXfDw1oWnTJYSS/hhbLiwP9+KpopjeF5wWwnCCyeQ==}
+ '@tanstack/virtual-file-routes@1.161.7':
+ resolution: {integrity: sha512-olW33+Cn+bsCsZKPwEGhlkqS6w3M2slFv11JIobdnCFKMLG97oAI2kWKdx5/zsywTL8flpnoIgaZZPlQTFYhdQ==}
engines: {node: '>=20.19'}
+ hasBin: true
'@tybys/wasm-util@0.10.1':
resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
@@ -1471,8 +1474,8 @@ packages:
resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
engines: {node: '>=6'}
- caniuse-lite@1.0.30001779:
- resolution: {integrity: sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==}
+ caniuse-lite@1.0.30001780:
+ resolution: {integrity: sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==}
ccount@2.0.1:
resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -1775,8 +1778,8 @@ packages:
fraction.js@5.3.4:
resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
- framer-motion@12.37.0:
- resolution: {integrity: sha512-j/QUcZS9Nw3NzZWoAbkzr3ETRFHyVeQMlGOUYUmG15U+uiyn9DqIktYruVPDcqY8I35qYR70JaZBvFmS6p+Pdg==}
+ framer-motion@12.38.0:
+ resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
peerDependencies:
'@emotion/is-prop-valid': '*'
react: ^18.0.0 || ^19.0.0
@@ -2250,14 +2253,14 @@ packages:
resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
engines: {node: '>= 0.6'}
- motion-dom@12.37.0:
- resolution: {integrity: sha512-LnppZuwX1jQizRWTl9LBLMN3RbAEmdQkX/2Af0UW70NCqYJI/7GfI83vQP9Ucel/Avc0Tf2ZWy8FHawuc0O6Vg==}
+ motion-dom@12.38.0:
+ resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
motion-utils@12.36.0:
resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
- motion@12.37.0:
- resolution: {integrity: sha512-Ph6oyO5hGSIAPjDsqwchEP+EKXjyFK0ci6FTIFBbx+qaMl8zLzLzPLzd9q3DKhAHcvnV7LxQonMyA+FyAv9+gA==}
+ motion@12.38.0:
+ resolution: {integrity: sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==}
peerDependencies:
'@emotion/is-prop-valid': '*'
react: ^18.0.0 || ^19.0.0
@@ -2967,8 +2970,8 @@ snapshots:
'@babel/generator': 7.29.1
'@babel/helper-compilation-targets': 7.28.6
'@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
- '@babel/helpers': 7.28.6
- '@babel/parser': 7.29.0
+ '@babel/helpers': 7.29.2
+ '@babel/parser': 7.29.2
'@babel/template': 7.28.6
'@babel/traverse': 7.29.0
'@babel/types': 7.29.0
@@ -2983,7 +2986,7 @@ snapshots:
'@babel/generator@7.29.1':
dependencies:
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/types': 7.29.0
'@jridgewell/gen-mapping': 0.3.13
'@jridgewell/trace-mapping': 0.3.31
@@ -3023,12 +3026,12 @@ snapshots:
'@babel/helper-validator-option@7.27.1': {}
- '@babel/helpers@7.28.6':
+ '@babel/helpers@7.29.2':
dependencies:
'@babel/template': 7.28.6
'@babel/types': 7.29.0
- '@babel/parser@7.29.0':
+ '@babel/parser@7.29.2':
dependencies:
'@babel/types': 7.29.0
@@ -3045,7 +3048,7 @@ snapshots:
'@babel/template@7.28.6':
dependencies:
'@babel/code-frame': 7.29.0
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/types': 7.29.0
'@babel/traverse@7.29.0':
@@ -3053,7 +3056,7 @@ snapshots:
'@babel/code-frame': 7.29.0
'@babel/generator': 7.29.1
'@babel/helper-globals': 7.28.0
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/template': 7.28.6
'@babel/types': 7.29.0
debug: 4.4.3
@@ -3682,7 +3685,7 @@ snapshots:
dependencies:
'@babel/core': 7.29.0
'@babel/generator': 7.29.1
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/traverse': 7.29.0
'@babel/types': 7.29.0
'@tanstack/devtools-client': 0.0.6
@@ -3758,22 +3761,22 @@ snapshots:
'@tanstack/query-core': 5.90.20
react: 19.2.4
- '@tanstack/react-router-devtools@1.166.9(@tanstack/react-router@1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.167.3)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+ '@tanstack/react-router-devtools@1.166.9(@tanstack/react-router@1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@tanstack/router-core@1.167.4)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
- '@tanstack/react-router': 1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
- '@tanstack/router-devtools-core': 1.166.9(@tanstack/router-core@1.167.3)(csstype@3.2.3)
+ '@tanstack/react-router': 1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ '@tanstack/router-devtools-core': 1.166.9(@tanstack/router-core@1.167.4)(csstype@3.2.3)
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
optionalDependencies:
- '@tanstack/router-core': 1.167.3
+ '@tanstack/router-core': 1.167.4
transitivePeerDependencies:
- csstype
- '@tanstack/react-router@1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+ '@tanstack/react-router@1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@tanstack/history': 1.161.6
'@tanstack/react-store': 0.9.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
- '@tanstack/router-core': 1.167.3
+ '@tanstack/router-core': 1.167.4
isbot: 5.1.36
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
@@ -3799,7 +3802,7 @@ snapshots:
react: 19.2.4
react-dom: 19.2.4(react@19.2.4)
- '@tanstack/router-core@1.167.3':
+ '@tanstack/router-core@1.167.4':
dependencies:
'@tanstack/history': 1.161.6
'@tanstack/store': 0.9.2
@@ -3809,20 +3812,20 @@ snapshots:
tiny-invariant: 1.3.3
tiny-warning: 1.0.3
- '@tanstack/router-devtools-core@1.166.9(@tanstack/router-core@1.167.3)(csstype@3.2.3)':
+ '@tanstack/router-devtools-core@1.166.9(@tanstack/router-core@1.167.4)(csstype@3.2.3)':
dependencies:
- '@tanstack/router-core': 1.167.3
+ '@tanstack/router-core': 1.167.4
clsx: 2.1.1
goober: 2.1.18(csstype@3.2.3)
tiny-invariant: 1.3.3
optionalDependencies:
csstype: 3.2.3
- '@tanstack/router-generator@1.166.11':
+ '@tanstack/router-generator@1.166.12':
dependencies:
- '@tanstack/router-core': 1.167.3
+ '@tanstack/router-core': 1.167.4
'@tanstack/router-utils': 1.161.6
- '@tanstack/virtual-file-routes': 1.161.6
+ '@tanstack/virtual-file-routes': 1.161.7
prettier: 3.8.1
recast: 0.23.11
source-map: 0.7.6
@@ -3831,7 +3834,7 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@tanstack/router-plugin@1.166.12(@tanstack/react-router@1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(sass@1.98.0)(tsx@4.21.0))':
+ '@tanstack/router-plugin@1.166.13(@tanstack/react-router@1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(sass@1.98.0)(tsx@4.21.0))':
dependencies:
'@babel/core': 7.29.0
'@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
@@ -3839,15 +3842,15 @@ snapshots:
'@babel/template': 7.28.6
'@babel/traverse': 7.29.0
'@babel/types': 7.29.0
- '@tanstack/router-core': 1.167.3
- '@tanstack/router-generator': 1.166.11
+ '@tanstack/router-core': 1.167.4
+ '@tanstack/router-generator': 1.166.12
'@tanstack/router-utils': 1.161.6
- '@tanstack/virtual-file-routes': 1.161.6
+ '@tanstack/virtual-file-routes': 1.161.7
chokidar: 3.6.0
unplugin: 2.3.11
zod: 3.25.76
optionalDependencies:
- '@tanstack/react-router': 1.167.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ '@tanstack/react-router': 1.167.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
vite: 8.0.0(@types/node@25.5.0)(esbuild@0.27.4)(sass@1.98.0)(tsx@4.21.0)
transitivePeerDependencies:
- supports-color
@@ -3856,7 +3859,7 @@ snapshots:
dependencies:
'@babel/core': 7.29.0
'@babel/generator': 7.29.1
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/types': 7.29.0
ansis: 4.2.0
babel-dead-code-elimination: 1.0.12
@@ -3872,7 +3875,7 @@ snapshots:
'@tanstack/virtual-core@3.13.23': {}
- '@tanstack/virtual-file-routes@1.161.6': {}
+ '@tanstack/virtual-file-routes@1.161.7': {}
'@tybys/wasm-util@0.10.1':
dependencies:
@@ -4006,7 +4009,7 @@ snapshots:
autoprefixer@10.4.27(postcss@8.5.8):
dependencies:
browserslist: 4.28.1
- caniuse-lite: 1.0.30001779
+ caniuse-lite: 1.0.30001780
fraction.js: 5.3.4
picocolors: 1.1.1
postcss: 8.5.8
@@ -4023,7 +4026,7 @@ snapshots:
babel-dead-code-elimination@1.0.12:
dependencies:
'@babel/core': 7.29.0
- '@babel/parser': 7.29.0
+ '@babel/parser': 7.29.2
'@babel/traverse': 7.29.0
'@babel/types': 7.29.0
transitivePeerDependencies:
@@ -4042,7 +4045,7 @@ snapshots:
browserslist@4.28.1:
dependencies:
baseline-browser-mapping: 2.10.8
- caniuse-lite: 1.0.30001779
+ caniuse-lite: 1.0.30001780
electron-to-chromium: 1.5.313
node-releases: 2.0.36
update-browserslist-db: 1.2.3(browserslist@4.28.1)
@@ -4069,7 +4072,7 @@ snapshots:
callsites@3.1.0: {}
- caniuse-lite@1.0.30001779: {}
+ caniuse-lite@1.0.30001780: {}
ccount@2.0.1: {}
@@ -4338,9 +4341,9 @@ snapshots:
fraction.js@5.3.4: {}
- framer-motion@12.37.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+ framer-motion@12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
dependencies:
- motion-dom: 12.37.0
+ motion-dom: 12.38.0
motion-utils: 12.36.0
tslib: 2.8.1
optionalDependencies:
@@ -4909,15 +4912,15 @@ snapshots:
dependencies:
mime-db: 1.52.0
- motion-dom@12.37.0:
+ motion-dom@12.38.0:
dependencies:
motion-utils: 12.36.0
motion-utils@12.36.0: {}
- motion@12.37.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+ motion@12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
dependencies:
- framer-motion: 12.37.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+ framer-motion: 12.38.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
tslib: 2.8.1
optionalDependencies:
react: 19.2.4
diff --git a/web/src/shared/components/PageTopBar/PageTopBar.tsx b/web/src/shared/components/PageTopBar/PageTopBar.tsx
index d8c3e4be7b..748f8b4df0 100644
--- a/web/src/shared/components/PageTopBar/PageTopBar.tsx
+++ b/web/src/shared/components/PageTopBar/PageTopBar.tsx
@@ -8,6 +8,7 @@ import { useAuth } from '../../hooks/useAuth';
import { TopBarLicense } from './components/TopBarLicense/TopBarLicense';
import { TopBarLicenseExpiration } from './components/TopBarLicenseExpiration/TopBarLicenseExpiration';
import { TopBarProfile } from './components/TopBarProfile/TopBarProfile';
+import { TopBarTheme } from './components/TopBarTheme/TopBarTheme';
type Props = {
title: string;
@@ -41,6 +42,8 @@ export const PageTopBar = ({ title, navOpen }: Props) => {
)}
+
+
);
diff --git a/web/src/shared/components/PageTopBar/components/TopBarTheme/TopBarTheme.tsx b/web/src/shared/components/PageTopBar/components/TopBarTheme/TopBarTheme.tsx
new file mode 100644
index 0000000000..56bb4f1172
--- /dev/null
+++ b/web/src/shared/components/PageTopBar/components/TopBarTheme/TopBarTheme.tsx
@@ -0,0 +1,48 @@
+import { useMemo } from 'react';
+import { IconKind } from '../../../../defguard-ui/components/Icon';
+import { IconButtonMenu } from '../../../../defguard-ui/components/IconButtonMenu/IconButtonMenu';
+import type { MenuItemsGroup } from '../../../../defguard-ui/components/Menu/types';
+import { useTheme } from '../../../../hooks/theme/useTheme';
+
+export const TopBarTheme = () => {
+ const { theme, changeTheme } = useTheme();
+
+ const currentIcon = useMemo(() => {
+ switch (theme) {
+ case 'dark':
+ return IconKind.DarkTheme;
+ case 'light':
+ return IconKind.LightTheme;
+ }
+ }, [theme]);
+
+ const menu = useMemo(
+ (): MenuItemsGroup[] => [
+ {
+ items: [
+ {
+ text: 'Light',
+ icon: 'light-theme',
+ onClick: () => {
+ changeTheme('light');
+ },
+ },
+ {
+ text: 'Dark',
+ icon: 'dark-theme',
+ onClick: () => {
+ changeTheme('dark');
+ },
+ },
+ ],
+ },
+ ],
+ [changeTheme],
+ );
+
+ return (
+
+
+
+ );
+};
diff --git a/web/src/shared/components/wizard/WizardPage/style.scss b/web/src/shared/components/wizard/WizardPage/style.scss
index 48f85ea36a..338b6e9b92 100644
--- a/web/src/shared/components/wizard/WizardPage/style.scss
+++ b/web/src/shared/components/wizard/WizardPage/style.scss
@@ -28,6 +28,7 @@
& > .step-description {
font: var(--t-body-sm-400);
color: var(--fg-neutral);
+ padding-top: var(--spacing-sm);
}
}
}