Merge branch 'main' into renovate/major-react-monorepo

Author: andreaskienle

Dockerfile

@@ -1,5 +1,5 @@
 # BUILD STAGE
-FROM node:24-slim@sha256:76d0ed0ed93bed4f4376211e9d8fddac4d8b3fbdb54cc45955696001a3c91152 AS build-stage
+FROM node:24-slim@sha256:f752e4821362614eab35016f01dea3af61d2f59d0445381c25683e4331520a7b AS build-stage
 WORKDIR /usr/src/app
 
 # Copy package.json and package-lock.json
@@ -18,7 +18,7 @@ RUN npm prune --omit=dev
 
 
 # PRODUCTION STAGE
-FROM gcr.io/distroless/nodejs24-debian12@sha256:ac05a8febf24b547f09068149fcd6a071f69629cb2148b6f707a157e7f4c6306 AS production
+FROM gcr.io/distroless/nodejs24-debian12@sha256:1eb863ed9b3276bdff6030942999343fe287e7e50ddd8742d1d20668d1cb0ece AS production
 WORKDIR /usr/src/app
 
 # Copy built files

package-lock.json

@@ -36,36 +36,36 @@
     "@fastify/sensible": "6.0.3",
     "@fastify/session": "11.1.1",
     "@fastify/static": "8.3.0",
-    "@fastify/vite": "8.2.0",
+    "@fastify/vite": "8.2.1",
     "@hookform/resolvers": "5.2.2",
     "@monaco-editor/react": "4.7.0",
-    "@sentry/node": "10.22.0",
-    "@sentry/react": "10.22.0",
+    "@sentry/node": "10.24.0",
+    "@sentry/react": "10.24.0",
     "@sentry/vite-plugin": "4.6.0",
-    "@ui5/webcomponents": "2.15.1",
-    "@ui5/webcomponents-fiori": "2.15.1",
-    "@ui5/webcomponents-icons": "2.15.1",
-    "@ui5/webcomponents-react": "2.15.3",
-    "@ui5/webcomponents-react-charts": "2.15.3",
+    "@ui5/webcomponents": "2.16.1",
+    "@ui5/webcomponents-fiori": "2.16.1",
+    "@ui5/webcomponents-icons": "2.16.1",
+    "@ui5/webcomponents-react": "2.16.0",
+    "@ui5/webcomponents-react-charts": "2.16.0",
     "@xyflow/react": "12.9.2",
     "clsx": "2.1.1",
     "dagre": "0.8.5",
     "diff": "8.0.2",
     "dotenv": "17.2.3",
-    "fastify": "5.6.1",
+    "fastify": "5.6.2",
     "fastify-plugin": "5.1.0",
     "graphql": "16.12.0",
     "graphql-config": "5.1.5",
-    "i18next": "25.6.0",
+    "i18next": "25.6.1",
     "javascript-time-ago": "2.5.12",
-    "js-yaml": "4.1.0",
+    "js-yaml": "4.1.1",
     "monaco-editor": "0.54.0",
     "monaco-yaml": "5.4.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-error-boundary": "6.0.0",
     "react-hook-form": "7.66.0",
-    "react-i18next": "16.2.3",
+    "react-i18next": "16.2.4",
     "react-router-dom": "7.9.5",
     "react-time-ago": "7.3.5",
     "swr": "2.3.6",
@@ -74,7 +74,7 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.3.1",
-    "@eslint/js": "9.39.0",
+    "@eslint/js": "9.39.1",
     "@graphql-codegen/cli": "6.0.1",
     "@graphql-codegen/client-preset": "5.1.1",
     "@testing-library/react": "16.3.0",
@@ -83,10 +83,10 @@
     "@types/node": "24.10.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@ui5/webcomponents-cypress-commands": "2.15.3",
+    "@ui5/webcomponents-cypress-commands": "2.16.0",
     "@vitejs/plugin-react": "5.1.0",
-    "@vitest/eslint-plugin": "1.4.0",
-    "cypress": "15.5.0",
+    "@vitest/eslint-plugin": "1.4.2",
+    "cypress": "15.6.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-i18next": "6.1.3",
@@ -103,10 +103,10 @@
     "prettier": "3.6.2",
     "tsx": "4.20.6",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.46.2",
-    "vite": "7.1.12",
+    "typescript-eslint": "8.46.3",
+    "vite": "7.2.2",
     "vite-plugin-static-copy": "3.1.4",
-    "vitest": "4.0.6"
+    "vitest": "4.0.8"
   },
   "npmpackagejsonlint": {
     "rules": {

package.json

@@ -351,7 +351,7 @@
   "Graphs": {
     "colorsProvider": "Provider",
     "colorsProviderConfig": "Provider Config",
-    "colorizedTitle": "Group by: ",
+    "colorBy": "Color by",
     "colorsFlux": "Flux",
     "loadingError": "Error loading graph data",
     "loadingGraph": "Loading graph data...",

public/locales/en.json

@@ -14,10 +14,9 @@ export type ActionItem<T> = {
 export type ActionsMenuProps<T> = {
   item: T;
   actions: ActionItem<T>[];
-  buttonIcon?: string;
 };
 
-export function ActionsMenu<T>({ item, actions, buttonIcon = 'overflow' }: ActionsMenuProps<T>) {
+export function ActionsMenu<T>({ item, actions }: ActionsMenuProps<T>) {
   const popoverRef = useRef<MenuDomRef>(null);
   const [open, setOpen] = useState(false);
 
@@ -30,10 +29,11 @@ export function ActionsMenu<T>({ item, actions, buttonIcon = 'overflow' }: Actio
 
   return (
     <>
-      <Button icon={buttonIcon} design="Transparent" onClick={handleOpenerClick} />
+      <Button icon="overflow" design="Transparent" data-testid="ActionsMenu-opener" onClick={handleOpenerClick} />
       <Menu
         ref={popoverRef}
         open={open}
+        data-testid="ActionsMenu"
         onItemClick={(event) => {
           const element = event.detail.item as HTMLElement & { disabled?: boolean };
           const actionKey = element.dataset.actionKey;

src/components/ControlPlane/ActionsMenu.tsx

@@ -13,7 +13,7 @@ import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 import { Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
 import { useSplitter } from '../Splitter/SplitterContext.tsx';
 import { YamlSidePanel } from '../Yaml/YamlSidePanel.tsx';
-import { useHandleResourcePatch } from '../../lib/api/types/crossplane/useHandleResourcePatch.ts';
+import { useHandleResourcePatch } from '../../hooks/useHandleResourcePatch.ts';
 import { ErrorDialog, ErrorDialogHandle } from '../Shared/ErrorMessageBox.tsx';
 import type { GitReposResponse } from '../../lib/api/types/flux/listGitRepo';
 import { ActionsMenu, type ActionItem } from './ActionsMenu';

src/components/ControlPlane/GitRepositories.tsx

@@ -13,7 +13,7 @@ import { ResourceStatusCell } from '../Shared/ResourceStatusCell.tsx';
 import { Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
 import { useSplitter } from '../Splitter/SplitterContext.tsx';
 import { YamlSidePanel } from '../Yaml/YamlSidePanel.tsx';
-import { useHandleResourcePatch } from '../../lib/api/types/crossplane/useHandleResourcePatch.ts';
+import { useHandleResourcePatch } from '../../hooks/useHandleResourcePatch.ts';
 import { ErrorDialog, ErrorDialogHandle } from '../Shared/ErrorMessageBox.tsx';
 import type { KustomizationsResponse } from '../../lib/api/types/flux/listKustomization';
 import { ActionsMenu, type ActionItem } from './ActionsMenu';