ci(ts query): added in the debugger for this

frontend/package-lock.json

@@ -27,6 +27,7 @@
                 "@tailwindcss/vite": "^4.1.13",
                 "@tanstack/react-form": "^1.23.0",
                 "@tanstack/react-query": "^5.89.0",
+                "@tanstack/react-query-devtools": "^5.90.2",
                 "@tanstack/react-router": "^1.131.36",
                 "@tanstack/react-router-devtools": "^1.131.36",
                 "@tanstack/react-table": "^8.21.3",
@@ -3550,9 +3551,19 @@
             }
         },
         "node_modules/@tanstack/query-core": {
-            "version": "5.89.0",
+            "version": "5.90.5",
-            "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.89.0.tgz",
+            "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.5.tgz",
-            "integrity": "sha512-joFV1MuPhSLsKfTzwjmPDrp8ENfZ9N23ymFu07nLfn3JCkSHy0CFgsyhHTJOmWaumC/WiNIKM0EJyduCF/Ih/Q==",
+            "integrity": "sha512-wLamYp7FaDq6ZnNehypKI5fNvxHPfTYylE0m/ZpuuzJfJqhR5Pxg9gvGBHZx4n7J+V5Rg5mZxHHTlv25Zt5u+w==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/query-devtools": {
+            "version": "5.90.1",
+            "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.90.1.tgz",
+            "integrity": "sha512-GtINOPjPUH0OegJExZ70UahT9ykmAhmtNVcmtdnOZbxLwT7R5OmRztR5Ahe3/Cu7LArEmR6/588tAycuaWb1xQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -3585,12 +3596,13 @@
             }
         },
         "node_modules/@tanstack/react-query": {
-            "version": "5.89.0",
+            "version": "5.90.5",
-            "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.89.0.tgz",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.5.tgz",
-            "integrity": "sha512-SXbtWSTSRXyBOe80mszPxpEbaN4XPRUp/i0EfQK1uyj3KCk/c8FuPJNIRwzOVe/OU3rzxrYtiNabsAmk1l714A==",
+            "integrity": "sha512-pN+8UWpxZkEJ/Rnnj2v2Sxpx1WFlaa9L6a4UO89p6tTQbeo+m0MS8oYDjbggrR8QcTyjKoYWKS3xJQGr3ExT8Q==",
             "license": "MIT",
+            "peer": true,
             "dependencies": {
-                "@tanstack/query-core": "5.89.0"
+                "@tanstack/query-core": "5.90.5"
             },
             "funding": {
                 "type": "github",
@@ -3600,6 +3612,23 @@
                 "react": "^18 || ^19"
             }
         },
+        "node_modules/@tanstack/react-query-devtools": {
+            "version": "5.90.2",
+            "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.90.2.tgz",
+            "integrity": "sha512-vAXJzZuBXtCQtrY3F/yUNJCV4obT/A/n81kb3+YqLbro5Z2+phdAbceO+deU3ywPw8B42oyJlp4FhO0SoivDFQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/query-devtools": "5.90.1"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "@tanstack/react-query": "^5.90.2",
+                "react": "^18 || ^19"
+            }
+        },
         "node_modules/@tanstack/react-router": {
             "version": "1.131.36",
             "resolved": "https://registry.npmjs.org/@tanstack/react-router/-/react-router-1.131.36.tgz",

frontend/package.json

@@ -29,6 +29,7 @@
         "@tailwindcss/vite": "^4.1.13",
         "@tanstack/react-form": "^1.23.0",
         "@tanstack/react-query": "^5.89.0",
+        "@tanstack/react-query-devtools": "^5.90.2",
         "@tanstack/react-router": "^1.131.36",
         "@tanstack/react-router-devtools": "^1.131.36",
         "@tanstack/react-table": "^8.21.3",

frontend/src/routes/__root.tsx

@@ -1,4 +1,5 @@
 import type { QueryClient } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import {
 	createRootRouteWithContext,
 	Outlet,
@@ -55,7 +56,13 @@ const RootLayout = () => {
 					</div>
 					<Toaster expand richColors closeButton />
 					{userAccess(null, ["systemAdmin"]) && (
-						<TanStackRouterDevtools position="bottom-right" />
+						<div className="flex flex-row">
+							<TanStackRouterDevtools position="bottom-right" />
+							<ReactQueryDevtools
+								initialIsOpen={false}
+								buttonPosition="bottom-right"
+							/>
+						</div>
 					)}
 				</ThemeProvider>
 			</SessionGuard>