Upgrade frontend dependencies to latest versions

application/account-management/WebApp/routes/admin/users/-components/UserQuerying.tsx

@@ -398,7 +398,7 @@ export function UserQuerying({ onFilterStateChange, onFiltersUpdated }: UserQuer
             <ListFilter size={16} aria-label={t`Show filters`} />
           )}
           {activeFilterCount > 0 && !showAllFilters && (
-            <span className="-right-1 -top-1 absolute flex h-5 w-5 items-center justify-center rounded-full bg-primary font-medium text-primary-foreground text-xs">
+            <span className="absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary font-medium text-primary-foreground text-xs">
               {activeFilterCount}
             </span>
           )}

application/account-management/WebApp/rsbuild.config.ts

@@ -12,6 +12,9 @@ import { pluginTypeCheck } from "@rsbuild/plugin-type-check";
 const customBuildEnv: CustomBuildEnv = {};
 
 export default defineConfig({
+  dev: {
+    lazyCompilation: false
+  },
   security: {
     nonce: "{{cspNonce}}"
   },

application/back-office/WebApp/rsbuild.config.ts

@@ -12,6 +12,9 @@ import { pluginTypeCheck } from "@rsbuild/plugin-type-check";
 const customBuildEnv: CustomBuildEnv = {};
 
 export default defineConfig({
+  dev: {
+    lazyCompilation: false
+  },
   security: {
     nonce: "{{cspNonce}}"
   },

application/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

application/package.json

@@ -25,47 +25,47 @@
     "@microsoft/applicationinsights-react-js": "19.3.8",
     "@microsoft/applicationinsights-web": "3.3.10",
     "@react-aria/accordion": "3.0.0-alpha.37",
-    "@react-aria/toast": "3.0.8",
+    "@react-aria/toast": "3.0.9",
     "@react-stately/toast": "3.1.2",
-    "@spectrum-icons/illustrations": "3.6.26",
-    "@tanstack/react-query": "5.90.7",
-    "@tanstack/react-router": "1.134.18",
-    "lucide-react": "0.553.0",
+    "@spectrum-icons/illustrations": "3.6.27",
+    "@tanstack/react-query": "5.90.12",
+    "@tanstack/react-router": "1.141.6",
+    "lucide-react": "0.561.0",
     "openapi-fetch": "0.15.0",
     "openapi-react-query": "0.5.1",
-    "react": "19.2.0",
-    "react-aria-components": "1.13.0",
-    "react-dom": "19.2.0",
+    "react": "19.2.3",
+    "react-aria-components": "1.14.0",
+    "react-dom": "19.2.3",
     "tailwind-merge": "3.4.0",
     "tailwind-variants": "3.2.2",
     "tailwindcss-animate": "1.0.7",
-    "zod": "4.1.12"
+    "zod": "4.2.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.4",
+    "@biomejs/biome": "2.3.10",
     "@faker-js/faker": "10.1.0",
     "@lingui/cli": "5.1.0",
     "@lingui/format-po": "5.1.0",
-    "@lingui/swc-plugin": "5.0.1",
-    "@playwright/test": "1.56.1",
-    "@rsbuild/core": "1.1.10",
-    "@rsbuild/plugin-react": "1.1.0",
-    "@rsbuild/plugin-svgr": "1.0.6",
-    "@rsbuild/plugin-type-check": "1.1.0",
-    "@rspack/binding": "1.1.6",
+    "@lingui/swc-plugin": "5.9.0",
+    "@playwright/test": "1.57.0",
+    "@rsbuild/core": "1.6.15",
+    "@rsbuild/plugin-react": "1.4.2",
+    "@rsbuild/plugin-svgr": "1.2.3",
+    "@rsbuild/plugin-type-check": "1.3.2",
+    "@rspack/binding": "1.6.8",
     "@tailwindcss/postcss": "4.1.18",
-    "@tanstack/router-devtools": "1.134.18",
-    "@tanstack/router-plugin": "1.134.18",
-    "@types/node": "24.10.0",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
+    "@tanstack/router-devtools": "1.141.6",
+    "@tanstack/router-plugin": "1.141.7",
+    "@types/node": "24.10.4",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "openapi-typescript": "7.10.1",
     "openapi-typescript-helpers": "0.0.15",
-    "playwright": "1.56.1",
-    "rimraf": "6.1.0",
+    "playwright": "1.57.0",
+    "rimraf": "6.1.2",
     "tailwindcss": "4.1.18",
     "tailwindcss-react-aria-components": "2.0.1",
-    "turbo": "2.6.0",
+    "turbo": "2.6.3",
     "typescript": "5.9.3"
   },
   "overrides": {

application/shared-webapp/ui/components/Dropdown.tsx

@@ -63,9 +63,9 @@ export function DropdownSection<T extends object>({
   ...props
 }: Readonly<DropdownSectionProps<T>>) {
   return (
-    <Section className="first:-mt-[5px] after:block after:h-[5px] after:content-['']" {...props}>
+    <Section className="after:block after:h-[5px] after:content-[''] first:-mt-[5px]" {...props}>
       {title && (
-        <Header className="-top-[5px] -mt-px -mx-1 sticky z-10 truncate border-y bg-transparent px-4 py-1 font-semibold text-accent-foreground text-sm backdrop-blur-md supports-[-moz-appearance:none]:bg-accent [&+*]:mt-1">
+        <Header className="sticky -top-[5px] z-10 -mx-1 -mt-px truncate border-y bg-transparent px-4 py-1 font-semibold text-accent-foreground text-sm backdrop-blur-md supports-[-moz-appearance:none]:bg-accent [&+*]:mt-1">
           {title}
         </Header>
       )}

application/shared-webapp/ui/components/GridList.tsx

@@ -26,7 +26,7 @@ export function GridList<T extends object>({ children, ...props }: Readonly<Grid
 
 const itemStyles = tv({
   extend: focusRing,
-  base: "-mb-px -outline-offset-2 relative flex cursor-default select-none gap-3 border-transparent border-y border-y-border px-3 py-2 text-sm first:rounded-t-md first:border-t-0 last:mb-0 last:rounded-b-md last:border-b-0",
+  base: "relative -mb-px flex cursor-default select-none gap-3 border-transparent border-y border-y-border px-3 py-2 text-sm -outline-offset-2 first:rounded-t-md first:border-t-0 last:mb-0 last:rounded-b-md last:border-b-0",
   variants: {
     isSelected: {
       false: "bg-background pressed:bg-muted/90 hover:bg-muted",

application/shared-webapp/ui/components/Input.tsx

@@ -75,7 +75,7 @@ export function Input({
   if (startIcon) {
     return (
       <div className="relative">
-        <div className="-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 flex items-center">
+        <div className="pointer-events-none absolute top-1/2 left-3 flex -translate-y-1/2 items-center">
           {startIcon}
         </div>
         {inputElement}

application/shared-webapp/ui/components/Meter.tsx

@@ -29,7 +29,7 @@ export function Meter({ label, warnAt, dangerAt, showIndicators, ...props }: Rea
               {` ${valueText}`}
             </span>
           </div>
-          <div className="-outline-offset-1 relative h-2 w-64 rounded-full bg-muted outline outline-1 outline-transparent">
+          <div className="relative h-2 w-64 rounded-full bg-muted outline outline-1 outline-transparent -outline-offset-1">
             <div
               className={`absolute top-0 left-0 h-full rounded-full ${getTrackColor({ percentage, warnAt, dangerAt })} forced-colors:bg-[Highlight]`}
               style={{ width: `${percentage}%` }}

application/shared-webapp/ui/components/Popover.tsx

@@ -47,7 +47,7 @@ export function Popover({ children, showArrow, className, ...props }: Readonly<P
             width={12}
             height={12}
             viewBox="0 0 12 12"
-            className="group-placement-left:-rotate-90 block fill-popover stroke-1 stroke-border group-placement-bottom:rotate-180 group-placement-right:rotate-90 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+            className="block fill-popover stroke-1 stroke-border group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
           >
             <title>Popover arrow</title>
             <path d="M0 0 L6 6 L12 0" />

application/shared-webapp/ui/components/ProgressBar.tsx

@@ -19,7 +19,7 @@ export function ProgressBar({ label, ...props }: Readonly<ProgressBarProps>) {
             <Label>{label}</Label>
             <span className="text-muted-foreground text-sm">{valueText}</span>
           </div>
-          <div className="-outline-offset-1 relative h-2 w-64 overflow-hidden rounded-full bg-muted outline outline-1 outline-transparent">
+          <div className="relative h-2 w-64 overflow-hidden rounded-full bg-muted outline outline-1 outline-transparent -outline-offset-1">
             <div
               className={`absolute top-0 h-full rounded-full bg-info forced-colors:bg-[Highlight] ${isIndeterminate ? "slide-out-to-right-full repeat-infinite left-full animate-in duration-1000 ease-out [--tw-enter-translate-x:calc(-16rem-100%)]" : "left-0"}`}
               style={{ width: `${isIndeterminate ? 40 : percentage}%` }}

application/shared-webapp/ui/components/SideMenu.tsx

@@ -149,7 +149,7 @@ function ActiveIndicator({
 
   return (
     <div
-      className={`-translate-y-1/2 absolute top-1/2 h-8 w-1 bg-primary ${
+      className={`absolute top-1/2 h-8 w-1 -translate-y-1/2 bg-primary ${
         isMobileMenu ? "-left-3" : isCollapsed ? "-left-2" : "-left-3"
       }`}
     />
@@ -924,7 +924,7 @@ const MenuNav = ({
 
       {/* Toggle button centered on divider, at intersection with topbar border */}
       <div
-        className={`-translate-y-1/2 absolute top-[72px] right-0 translate-x-1/2 ${
+        className={`absolute top-[72px] right-0 translate-x-1/2 -translate-y-1/2 ${
           !overlayMode && !forceCollapsed ? "cursor-col-resize" : ""
         } ${isTenantMenuOpen ? "pointer-events-none opacity-0" : ""}`}
       >

application/shared-webapp/ui/components/Slider.tsx

@@ -19,7 +19,7 @@ const trackStyles = tv({
   variants: {
     orientation: {
       horizontal: "h-2 w-full",
-      vertical: "-translate-x-[50%] ml-[50%] h-full w-2"
+      vertical: "ml-[50%] h-full w-2 -translate-x-[50%]"
     },
     isMultiple: {
       true: "bg-primary forced-colors:bg-[ButtonBorder]",

application/shared-webapp/ui/components/Switch.tsx

@@ -27,7 +27,7 @@ const trackStyles = tv({
 });
 
 const handleStyles = tv({
-  base: "-outline-offset-1 h-5 w-5 transform rounded-full bg-background shadow outline outline-1 outline-transparent transition duration-200 ease-in-out",
+  base: "h-5 w-5 transform rounded-full bg-background shadow outline outline-1 outline-transparent -outline-offset-1 transition duration-200 ease-in-out",
   variants: {
     isSelected: {
       false: "translate-x-0",

application/shared-webapp/ui/components/Table.tsx

@@ -62,7 +62,7 @@ const columnStyles = tv({
 
 const resizerStyles = tv({
   extend: focusRing,
-  base: "column-resizer -outline-offset-2 absolute right-0 box-content h-6 w-px shrink-0 translate-x-2 cursor-col-resize rounded bg-clip-content px-2 py-1",
+  base: "column-resizer absolute right-0 box-content h-6 w-px shrink-0 translate-x-2 cursor-col-resize rounded bg-clip-content px-2 py-1 -outline-offset-2",
   variants: {
     isResizing: {
       false: "bg-border forced-colors:bg-[ButtonBorder]",
@@ -138,7 +138,7 @@ export function TableHeader<T extends object>({
 
 const rowStyles = tv({
   extend: focusRing,
-  base: "group/row -outline-offset-2 relative cursor-default select-none font-normal text-sm transition-colors [&>td:first-child]:pl-4 [&>td:last-child]:pr-4",
+  base: "group/row relative cursor-default select-none font-normal text-sm -outline-offset-2 transition-colors [&>td:first-child]:pl-4 [&>td:last-child]:pr-4",
   variants: {
     isDisabled: {
       false: "text-muted-foreground hover:bg-hover-background",
@@ -172,7 +172,7 @@ export function Row<T extends object>({ id, columns, children, ...rowProps }: Re
 
 const cellStyles = tv({
   extend: focusRing,
-  base: "-outline-offset-2 truncate border-b border-b-border p-2 group-first/row:border-y group-first/row:border-t-border group-last/row:border-b-0"
+  base: "truncate border-b border-b-border p-2 -outline-offset-2 group-first/row:border-y group-first/row:border-t-border group-last/row:border-b-0"
 });
 
 type CellProps = {

application/shared-webapp/ui/components/Tooltip.tsx

@@ -43,7 +43,7 @@ export function Tooltip({ children, ...props }: Readonly<TooltipProps>) {
           width={8}
           height={8}
           viewBox="0 0 8 8"
-          className="group-placement-left:-rotate-90 fill-popover stroke-border group-placement-bottom:rotate-180 group-placement-right:rotate-90 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+          className="fill-popover stroke-border group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
         >
           <title>Tooltip arrow</title>
           <path d="M0 0 L4 4 L8 0" />

developer-cli/Commands/UpdatePackagesCommand.cs

@@ -850,6 +850,9 @@ private static void UpdateNpmPackages(bool dryRun, string[] excludedPackages, bo
                 }
             }
 
+            // Skip if versions are equal after special handling
+            if (wantedVersion == latestVersion) continue;
+
             // Check update type based on what's in package.json (wanted) vs latest
             var updateType = GetUpdateType(wantedVersion, latestVersion);
             FrontendSummary.IncrementUpdateType(updateType);