From 07c3de1bf25d0dc5102dffbbbf332cfe22bfafea Mon Sep 17 00:00:00 2001
From: Nicole Rappe <nicole.rappe@bunny-lab.io>
Date: Thu, 16 Oct 2025 01:12:49 -0600
Subject: [PATCH] Upgrade AG Grid packages and fix duplicate InputProps

---
 Data/Server/WebUI/package.json                  |  4 ++--
 .../Flow_Editor/Node_Configuration_Sidebar.jsx  | 17 +++++++----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/Data/Server/WebUI/package.json b/Data/Server/WebUI/package.json
index b056568..701a86b 100644
--- a/Data/Server/WebUI/package.json
+++ b/Data/Server/WebUI/package.json
@@ -14,8 +14,8 @@
     "@mui/material": "7.0.2",
     "@mui/x-date-pickers": "8.11.3",
     "@mui/x-tree-view": "8.10.0",
-    "ag-grid-community": "^32.3.2",
-    "ag-grid-react": "^32.3.2",
+    "ag-grid-community": "34.2.0",
+    "ag-grid-react": "34.2.0",
     "dayjs": "1.11.18",
     "normalize.css": "8.0.1",
     "prismjs": "1.30.0",
diff --git a/Data/Server/WebUI/src/Flow_Editor/Node_Configuration_Sidebar.jsx b/Data/Server/WebUI/src/Flow_Editor/Node_Configuration_Sidebar.jsx
index a2a1c65..bf8ea64 100644
--- a/Data/Server/WebUI/src/Flow_Editor/Node_Configuration_Sidebar.jsx
+++ b/Data/Server/WebUI/src/Flow_Editor/Node_Configuration_Sidebar.jsx
@@ -191,7 +191,13 @@ export default function NodeConfigurationSidebar({ drawerOpen, setDrawerOpen, ti
             disabled={isReadOnly}
             InputProps={{
               readOnly: isReadOnly,
-              sx: { color: "#ccc" }
+              sx: {
+                color: "#ccc",
+                backgroundColor: "#1e1e1e",
+                "& fieldset": { borderColor: "#444" },
+                "&:hover fieldset": { borderColor: "#666" },
+                "&.Mui-focused fieldset": { borderColor: "#58a6ff" }
+              }
             }}
             onChange={(e) => {
               if (isReadOnly) return;
@@ -206,15 +212,6 @@ export default function NodeConfigurationSidebar({ drawerOpen, setDrawerOpen, ti
               );
               window.BorealisValueBus[nodeId] = newValue;
             }}
-            InputProps={{
-              sx: {
-                backgroundColor: "#1e1e1e",
-                color: "#ccc",
-                "& fieldset": { borderColor: "#444" },
-                "&:hover fieldset": { borderColor: "#666" },
-                "&.Mui-focused fieldset": { borderColor: "#58a6ff" }
-              }
-            }}
           />
         </Box>
       );