Update dependencies

Author: kshmidt-digma

package-lock.json

@@ -53,12 +53,12 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.2",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@eslint/js": "^9.31.0",
-    "@octokit/rest": "^21.1.1",
+    "@octokit/rest": "^22.0.0",
     "@rtk-query/codegen-openapi": "^2.0.0",
     "@storybook/addon-a11y": "^9.0.17",
     "@storybook/addon-designs": "^10.0.1",
@@ -69,43 +69,43 @@
     "@types/adm-zip": "^0.5.7",
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^30.0.0",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "@types/react-helmet": "^6.1.7",
+    "@types/node": "^24.0.15",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-helmet": "^6.1.11",
     "@types/react-lottie": "^1.2.10",
-    "@types/react-syntax-highlighter": "^15.5.7",
-    "@types/react-transition-group": "^4.4.5",
-    "@types/semver": "^7.5.6",
-    "@types/uuid": "^9.0.8",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/react-transition-group": "^4.4.12",
+    "@types/semver": "^7.7.0",
     "@types/zip-webpack-plugin": "^3.0.6",
     "adm-zip": "^0.5.16",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "cheerio": "^1.0.0",
+    "cheerio": "^1.1.2",
     "copy-webpack-plugin": "^13.0.0",
     "css-loader": "^7.1.2",
-    "dotenv": "^16.4.7",
+    "dotenv": "^17.2.0",
     "eslint": "^9.31.0",
-    "eslint-config-prettier": "^10.1.5",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "^9.0.17",
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.0",
     "html-webpack-plugin": "^5.6.3",
-    "husky": "^9.0.10",
+    "husky": "^9.1.7",
     "jest": "^30.0.4",
-    "jest-environment-jsdom": "^29.7.0",
-    "knip": "^5.39.4",
-    "lint-staged": "^15.2.10",
-    "postcss-styled-syntax": "^0.7.0",
-    "prettier": "^2.8.3",
+    "jest-environment-jsdom": "^30.0.4",
+    "knip": "^5.62.0",
+    "lint-staged": "^16.1.2",
+    "postcss-styled-syntax": "^0.7.1",
+    "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
     "storybook": "^9.0.17",
     "storybook-addon-remix-react-router": "^5.0.0",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.11.0",
-    "stylelint-config-standard": "^36.0.1",
+    "stylelint": "^16.22.0",
+    "stylelint-config-standard": "^38.0.0",
     "ts-jest": "^29.4.0",
     "ts-loader": "^9.5.2",
     "ts-node": "^10.9.2",
@@ -119,40 +119,40 @@
   },
   "dependencies": {
     "@codemirror/lang-json": "^6.0.2",
-    "@floating-ui/react": "^0.25.1",
+    "@floating-ui/react": "^0.27.13",
     "@formkit/auto-animate": "^0.8.2",
     "@microsoft/fetch-event-source": "^2.0.1",
-    "@react-oauth/google": "^0.12.1",
-    "@reduxjs/toolkit": "^2.5.0",
-    "@tanstack/react-table": "^8.7.8",
-    "@uiw/react-codemirror": "^4.23.14",
-    "@xyflow/react": "^12.6.4",
-    "allotment": "^1.19.0",
-    "axios": "^1.8.4",
+    "@react-oauth/google": "^0.12.2",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@uiw/react-codemirror": "^4.24.1",
+    "@xyflow/react": "^12.8.2",
+    "allotment": "^1.20.4",
+    "axios": "^1.10.0",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^4.1.0",
-    "free-email-domains": "^1.2.5",
-    "posthog-js": "^1.215.1",
-    "react": "^18.2.0",
+    "free-email-domains": "^1.2.20",
+    "posthog-js": "^1.257.0",
+    "react": "^18.3.1",
     "react-cool-dimensions": "^3.0.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.8",
-    "react-error-boundary": "^5.0.0",
+    "react-error-boundary": "^6.0.0",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.48.2",
+    "react-hook-form": "^7.60.0",
     "react-lottie": "^1.2.10",
     "react-markdown": "^10.1.0",
     "react-product-fruits": "^2.2.61",
     "react-redux": "^9.2.0",
-    "react-router": "^7.5.2",
+    "react-router": "~7.6.3",
     "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
     "recharts": "^2.15.3",
     "redux-remember": "^5.2.0",
-    "semver": "^7.5.4",
+    "semver": "^7.7.2",
     "squarify": "^1.1.0",
-    "styled-components": "^6.1.13",
-    "uuid": "^9.0.1",
+    "styled-components": "^6.1.19",
+    "uuid": "^11.1.0",
     "zustand": "^4.5.5",
     "zustand-slices": "^0.3.0"
   },

package.json

@@ -16,7 +16,9 @@ export const Link = styled(RouterLink)<LinkProps>`
   box-sizing: border-box;
   overflow: hidden;
   cursor: ${({ $isEnabled }) => ($isEnabled ? "pointer" : "initial")};
-  transition: border-color, 300ms ease-out;
+  transition:
+    border-color,
+    300ms ease-out;
 
   ${({ $isEnabled, theme }) =>
     $isEnabled &&
@@ -59,7 +61,9 @@ export const Title = styled.span`
   ${subheading2RegularTypography}
   color: ${({ theme }) => theme.colors.v3.text.primary};
   text-transform: capitalize;
-  transition: color, 300ms ease-out;
+  transition:
+    color,
+    300ms ease-out;
 `;
 
 export const SoonBadge = styled.div`

src/components/Admin/Home/Reports/ReportWidget/styles.ts

@@ -179,14 +179,14 @@ export const Home = () => {
           }
         }
       : sidebarLocation
-      ? {
-          query: {
-            environment: environmentId ?? undefined
+        ? {
+            query: {
+              environment: environmentId ?? undefined
+            }
           }
-        }
-      : issuesQuery
-      ? queries[issuesQuery]
-      : undefined;
+        : issuesQuery
+          ? queries[issuesQuery]
+          : undefined;
   const isRepositorySidebarOpen = Boolean(
     repositorySidebarQuery ?? sidebarLocation
   );

src/components/Admin/Home/index.tsx

@@ -369,8 +369,8 @@ export const CodeIssues = () => {
         services: selectedService
           ? [selectedService]
           : scope?.value
-          ? [scope.value]
-          : [],
+            ? [scope.value]
+            : [],
         ...(isCriticalityLevelsFilterEnabled
           ? { criticalityFilter: criticalityLevels }
           : {}),

src/components/Admin/Reports/CodeIssues/index.tsx

@@ -97,7 +97,7 @@ export const RepositorySidebarOverlay = ({
 
   const scopeBarDisplayName = currentSpanCodeObjectId
     ? spanInfo?.displayName
-    : scopeDisplayName ?? "Home";
+    : (scopeDisplayName ?? "Home");
 
   const extendedScope: Scope = useMemo(
     () => ({

src/components/Admin/common/RepositorySidebarOverlay/index.tsx

@@ -60,8 +60,8 @@ export const ToolsStep = ({
           ? String(error.response.data)
           : error.message
         : error instanceof Error
-        ? error.message
-        : "Unknown error";
+          ? error.message
+          : "Unknown error";
       setDropzoneError(`Failed to upload icon: ${errorMessage}`);
     }
   });
@@ -74,12 +74,12 @@ export const ToolsStep = ({
           type: icon.fileName.split(".")[1] ?? ""
         }
       : fileToUpload
-      ? {
-          name: fileToUpload.name,
-          size: fileToUpload.size,
-          type: fileToUpload.type.split("/")[1]
-        }
-      : null;
+        ? {
+            name: fileToUpload.name,
+            size: fileToUpload.size,
+            type: fileToUpload.type.split("/")[1]
+          }
+        : null;
 
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
     accept: {

src/components/Agentic/IncidentTemplate/MCPServerDialog/ToolsStep/index.tsx

@@ -129,8 +129,8 @@ export const MCPServerDialog = ({
   const tools = useMemo(
     () =>
       isEditMode
-        ? serverData?.all_tools ?? []
-        : testMCPServerResult.data?.tools ?? [],
+        ? (serverData?.all_tools ?? [])
+        : (testMCPServerResult.data?.tools ?? []),
     [isEditMode, serverData?.all_tools, testMCPServerResult.data?.tools]
   );
 

src/components/Agentic/IncidentTemplate/MCPServerDialog/index.tsx

@@ -10,7 +10,8 @@ export const Container = styled.div<ContainerProps>`
   box-sizing: border-box;
   border-radius: 7px;
   border: 1px solid rgb(255 255 255 / 10%);
-  background: linear-gradient(180deg, #28292d 0%, #1a1b1e 100%),
+  background:
+    linear-gradient(180deg, #28292d 0%, #1a1b1e 100%),
     linear-gradient(
       180deg,
       rgb(255 255 255 / 10%) 0%,

src/components/Agentic/common/AgentFlowChart/MCPServersToolbar/styles.ts

@@ -156,6 +156,7 @@ export const AgentFlowChart = ({
 
   const nodes: FlowChartNode[] = [
     {
+      type: "flowChart",
       id: "digma",
       position: { x: 0, y: -31 }, // TODO: find a way to center this
       data: {
@@ -169,6 +170,7 @@ export const AgentFlowChart = ({
       }
     },
     {
+      type: "flowChart",
       id: "watchman",
       position: { x: 200, y: 0 },
       data: {
@@ -186,6 +188,7 @@ export const AgentFlowChart = ({
       }
     },
     {
+      type: "flowChart",
       id: "triager",
       position: { x: 500, y: 0 },
       data: {
@@ -203,6 +206,7 @@ export const AgentFlowChart = ({
       }
     },
     {
+      type: "flowChart",
       id: "infra_resolver",
       position: { x: 800, y: -50 },
       data: {
@@ -220,6 +224,7 @@ export const AgentFlowChart = ({
       }
     },
     {
+      type: "flowChart",
       id: "code_resolver",
       position: { x: 800, y: 50 },
       data: {
@@ -237,6 +242,7 @@ export const AgentFlowChart = ({
       }
     },
     {
+      type: "flowChart",
       id: "validator",
       position: { x: 1100, y: 0 },
       data: {