diff --git a/.changeset/great-pants-create.md b/.changeset/great-pants-create.md
new file mode 100644
index 00000000000..5d029e7e2b8
--- /dev/null
+++ b/.changeset/great-pants-create.md
@@ -0,0 +1,11 @@
+---
+"@comet/admin-generator": major
+"@comet/admin": major
+"@comet/brevo-admin": major
+"@comet/cms-admin": major
+"@comet/eslint-config": major
+---
+
+Bump MUI X Data Grid peer dependency to v8
+
+See the migration guide for information on how to upgrade.
diff --git a/demo/admin/package.json b/demo/admin/package.json
index ecd37e5ca03..21af8c10375 100644
--- a/demo/admin/package.json
+++ b/demo/admin/package.json
@@ -38,8 +38,8 @@
         "@fontsource-variable/roboto-flex": "^5.2.8",
         "@mui/material": "^7.3.7",
         "@mui/system": "^7.3.7",
-        "@mui/x-data-grid": "^7.29.12",
-        "@mui/x-data-grid-pro": "^7.29.12",
+        "@mui/x-data-grid": "^8.27.5",
+        "@mui/x-data-grid-pro": "^8.27.5",
         "@mui/x-date-pickers": "^7.29.4",
         "@mui/x-license": "^7.29.1",
         "change-case": "^5.4.4",
diff --git a/demo/admin/src/news/blocks/NewsListBlock.tsx b/demo/admin/src/news/blocks/NewsListBlock.tsx
index 652f21f144f..364e40c6724 100644
--- a/demo/admin/src/news/blocks/NewsListBlock.tsx
+++ b/demo/admin/src/news/blocks/NewsListBlock.tsx
@@ -66,10 +66,11 @@ export const NewsListBlock: BlockInterface<NewsListBlockData, State, NewsListBlo
                     loading={loading}
                     checkboxSelection
                     keepNonExistentRowsSelected
-                    rowSelectionModel={state.ids}
+                    rowSelectionModel={{ type: "include", ids: new Set(state.ids) }}
                     onRowSelectionModelChange={(newSelection) => {
-                        updateState({ ids: newSelection as string[] });
+                        updateState({ ids: Array.from(newSelection.ids) as string[] });
                     }}
+                    disableRowSelectionExcludeModel
                 />
             </Box>
         );
diff --git a/demo/admin/src/news/generated/NewsGrid.tsx b/demo/admin/src/news/generated/NewsGrid.tsx
index c6261b9d006..9f7a6d9d1c0 100644
--- a/demo/admin/src/news/generated/NewsGrid.tsx
+++ b/demo/admin/src/news/generated/NewsGrid.tsx
@@ -30,7 +30,7 @@ import { IconButton } from "@mui/material";
 import { DataGridPro } from "@mui/x-data-grid-pro";
 import { DataGridProProps } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { NewsContentBlock } from "../blocks/NewsContentBlock";
 import { DamImageBlock } from "@comet/cms-admin";
@@ -197,6 +197,7 @@ export function NewsGrid() {
                 toolbar: NewsGridToolbar as GridSlotsComponent["toolbar"],
             }}
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/ManufacturerFilter.tsx b/demo/admin/src/products/ManufacturerFilter.tsx
index 33132d8559b..40edbb4ea13 100644
--- a/demo/admin/src/products/ManufacturerFilter.tsx
+++ b/demo/admin/src/products/ManufacturerFilter.tsx
@@ -2,7 +2,7 @@ import { gql, useQuery } from "@apollo/client";
 import { ClearInputAdornment } from "@comet/admin";
 import Autocomplete from "@mui/material/Autocomplete";
 import { type GridFilterInputValueProps, type GridFilterOperator, useGridRootProps } from "@mui/x-data-grid-pro";
-import { useCallback, useState } from "react";
+import { type ChangeEvent, useCallback, useState } from "react";
 import { useIntl } from "react-intl";
 import { useDebounce } from "use-debounce";
 
@@ -72,8 +72,8 @@ function ManufacturerFilter({ item, applyValue, apiRef }: GridFilterInputValuePr
                 <rootProps.slots.baseTextField
                     {...params}
                     placeholder={intl.formatMessage({ id: "manufacturer-filter.placeholder", defaultMessage: "Choose a manufacturer" })}
-                    value={search ? search : null}
-                    onChange={(event) => {
+                    value={search}
+                    onChange={(event: ChangeEvent<HTMLInputElement>) => {
                         setSearch(event.target.value);
                     }}
                     label={apiRef.current.getLocaleText("filterPanelInputLabel")}
diff --git a/demo/admin/src/products/ManufacturersGrid.tsx b/demo/admin/src/products/ManufacturersGrid.tsx
index 9f4f70aaf63..bfed2866eea 100644
--- a/demo/admin/src/products/ManufacturersGrid.tsx
+++ b/demo/admin/src/products/ManufacturersGrid.tsx
@@ -7,6 +7,7 @@ import {
     FillSpace,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     muiGridFilterToGql,
     muiGridSortToGql,
     StackLink,
@@ -17,7 +18,7 @@ import {
 } from "@comet/admin";
 import { Add as AddIcon, Edit, Info } from "@comet/admin-icons";
 import { IconButton } from "@mui/material";
-import { DataGridPro, GridColumnHeaderTitle, GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { DataGridPro, GridColumnHeaderTitle } from "@mui/x-data-grid-pro";
 import {
     type GQLDeleteManufacturerMutation,
     type GQLDeleteManufacturerMutationVariables,
@@ -161,6 +162,7 @@ export function ManufacturersGrid() {
             slots={{
                 toolbar: ManufacturersGridToolbar,
             }}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/ProductCategoryFilter.tsx b/demo/admin/src/products/ProductCategoryFilter.tsx
index b548024a24c..3cdace0f4d9 100644
--- a/demo/admin/src/products/ProductCategoryFilter.tsx
+++ b/demo/admin/src/products/ProductCategoryFilter.tsx
@@ -2,7 +2,7 @@ import { gql, useQuery } from "@apollo/client";
 import { ClearInputAdornment } from "@comet/admin";
 import Autocomplete from "@mui/material/Autocomplete";
 import { type GridFilterInputValueProps, type GridFilterOperator, useGridRootProps } from "@mui/x-data-grid-pro";
-import { useCallback, useState } from "react";
+import { type ChangeEvent, useCallback, useState } from "react";
 import { useIntl } from "react-intl";
 import { useDebounce } from "use-debounce";
 
@@ -73,8 +73,8 @@ function ProductCategoryFilter({ item, applyValue, apiRef }: GridFilterInputValu
                     {...params}
                     autoComplete="off"
                     placeholder={intl.formatMessage({ id: "productCategory.placeholder", defaultMessage: "Choose a Product Category" })}
-                    value={search ? search : null}
-                    onChange={(event) => {
+                    value={search}
+                    onChange={(event: ChangeEvent<HTMLInputElement>) => {
                         setSearch(event.target.value);
                     }}
                     label={apiRef.current.getLocaleText("filterPanelInputLabel")}
diff --git a/demo/admin/src/products/ProductVariantsGrid.tsx b/demo/admin/src/products/ProductVariantsGrid.tsx
index b5fe02613c3..89dfc5d9146 100644
--- a/demo/admin/src/products/ProductVariantsGrid.tsx
+++ b/demo/admin/src/products/ProductVariantsGrid.tsx
@@ -5,6 +5,7 @@ import {
     FillSpace,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     muiGridFilterToGql,
     muiGridSortToGql,
     StackLink,
@@ -14,7 +15,7 @@ import {
 } from "@comet/admin";
 import { Add as AddIcon, Edit } from "@comet/admin-icons";
 import { IconButton } from "@mui/material";
-import { DataGridPro, GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { DataGridPro } from "@mui/x-data-grid-pro";
 import { FormattedMessage } from "react-intl";
 
 import {
@@ -124,6 +125,7 @@ export function ProductVariantsGrid({ productId }: { productId: string }) {
             slots={{
                 toolbar: ProductVariantsGridToolbar,
             }}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/ProductsGrid.tsx b/demo/admin/src/products/ProductsGrid.tsx
index b926628b06f..4be3cc700df 100644
--- a/demo/admin/src/products/ProductsGrid.tsx
+++ b/demo/admin/src/products/ProductsGrid.tsx
@@ -14,6 +14,7 @@ import {
     type GridColDef,
     GridColumnsButton,
     GridFilterButton,
+    GridToolbarQuickFilter,
     messages,
     muiGridFilterToGql,
     muiGridSortToGql,
@@ -32,7 +33,6 @@ import {
     GridFilterInputSingleSelect,
     type GridRowSelectionModel,
     type GridSlotsComponent,
-    GridToolbarQuickFilter,
 } from "@mui/x-data-grid-pro";
 import { ProductCategoryFilterOperators } from "@src/products/ProductCategoryFilter";
 import { useMemo, useState } from "react";
@@ -81,7 +81,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         label: "Publish",
                         icon: <Online htmlColor={theme.palette.success.main} />,
                         onClick: () => {
-                            for (const id of selectionModel) {
+                            for (const id of Array.from(selectionModel.ids)) {
                                 client.mutate<GQLUpdateProductStatusMutation, GQLUpdateProductStatusMutationVariables>({
                                     mutation: updateProductStatusMutation,
                                     variables: { id: id as string, status: "Published" },
@@ -97,7 +97,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         label: "Unpublish",
                         icon: <Disabled />,
                         onClick: () => {
-                            for (const id of selectionModel) {
+                            for (const id of Array.from(selectionModel.ids)) {
                                 client.mutate<GQLUpdateProductStatusMutation, GQLUpdateProductStatusMutationVariables>({
                                     mutation: updateProductStatusMutation,
                                     variables: { id: id as string, status: "Unpublished" },
@@ -110,7 +110,7 @@ function ProductsGridToolbar({ exportApi, selectionModel }: ProductsGridToolbarP
                         },
                     },
                 ]}
-                selectionSize={selectionModel.length}
+                selectionSize={selectionModel.ids.size}
             />
             <Button responsive startIcon={<AddIcon />} component={StackLink} pageName="add" payload="add">
                 <FormattedMessage id="products.newProduct" defaultMessage="New Product" />
@@ -125,7 +125,10 @@ export function ProductsGrid() {
     const client = useApolloClient();
     const intl = useIntl();
     const theme = useTheme();
-    const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
+    const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
+        type: "include",
+        ids: new Set([]),
+    });
 
     const columns = useMemo((): GridColDef<GQLProductsListManualFragment>[] => {
         return [
@@ -389,6 +392,8 @@ export function ProductsGrid() {
             onRowSelectionModelChange={(selectionModel) => {
                 setSelectionModel(selectionModel);
             }}
+            disableRowSelectionExcludeModel
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/categories/ProductCategoriesGrid.tsx b/demo/admin/src/products/categories/ProductCategoriesGrid.tsx
index cf56839f9ec..c60ad440b35 100644
--- a/demo/admin/src/products/categories/ProductCategoriesGrid.tsx
+++ b/demo/admin/src/products/categories/ProductCategoriesGrid.tsx
@@ -177,6 +177,7 @@ export function ProductCategoriesGrid() {
             rowReordering
             onRowOrderChange={handleRowOrderChange}
             hideFooterPagination
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/ManufacturerFilter.tsx b/demo/admin/src/products/generator/ManufacturerFilter.tsx
index d3a247eba63..3f134df0820 100644
--- a/demo/admin/src/products/generator/ManufacturerFilter.tsx
+++ b/demo/admin/src/products/generator/ManufacturerFilter.tsx
@@ -3,7 +3,7 @@ import { ClearInputAdornment } from "@comet/admin";
 import { ChevronDown } from "@comet/admin-icons";
 import Autocomplete from "@mui/material/Autocomplete";
 import { type GridFilterInputValueProps, type GridFilterOperator, useGridRootProps } from "@mui/x-data-grid-pro";
-import { useCallback, useState } from "react";
+import { type ChangeEvent, useCallback, useState } from "react";
 import { useIntl } from "react-intl";
 import { useDebounce } from "use-debounce";
 
@@ -72,10 +72,9 @@ function ManufacturerFilter({ item, applyValue, apiRef }: GridFilterInputValuePr
                 <rootProps.slots.baseTextField
                     {...params}
                     autoComplete="off"
-                    variant="standard"
                     placeholder={intl.formatMessage({ id: "manufacturer-filter.placeholder", defaultMessage: "Choose a manufacturer" })}
-                    value={search ? search : null}
-                    onChange={(event) => {
+                    value={search}
+                    onChange={(event: ChangeEvent<HTMLInputElement>) => {
                         setSearch(event.target.value);
                     }}
                     label={apiRef.current.getLocaleText("filterPanelInputLabel")}
diff --git a/demo/admin/src/products/generator/generated/ManufacturersGrid.tsx b/demo/admin/src/products/generator/generated/ManufacturersGrid.tsx
index 87d09c8e2af..1691c2875d6 100644
--- a/demo/admin/src/products/generator/generated/ManufacturersGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ManufacturersGrid.tsx
@@ -31,7 +31,7 @@ import { DataGridPro } from "@mui/x-data-grid-pro";
 import { DataGridProProps } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
 import { muiGridSortToGql } from "@comet/admin";
@@ -354,6 +354,7 @@ export function ManufacturersGrid() {
                 toolbar: ManufacturersGridToolbar as GridSlotsComponent["toolbar"],
             }}
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/ProductCategoriesGrid.tsx b/demo/admin/src/products/generator/generated/ProductCategoriesGrid.tsx
index c0109e9bbef..4885298e47c 100644
--- a/demo/admin/src/products/generator/generated/ProductCategoriesGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ProductCategoriesGrid.tsx
@@ -199,6 +199,7 @@ export function ProductCategoriesGrid() {
             onRowOrderChange={handleRowOrderChange}
             hideFooterPagination
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/ProductHighlightsGrid.tsx b/demo/admin/src/products/generator/generated/ProductHighlightsGrid.tsx
index 9384e7823ac..0703f601108 100644
--- a/demo/admin/src/products/generator/generated/ProductHighlightsGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ProductHighlightsGrid.tsx
@@ -119,6 +119,7 @@ export function ProductHighlightsGrid() {
                 toolbar: ProductHighlightsGridToolbar as GridSlotsComponent["toolbar"],
             }}
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/ProductTagsGrid.tsx b/demo/admin/src/products/generator/generated/ProductTagsGrid.tsx
index c34d01eacba..bab4b32bdec 100644
--- a/demo/admin/src/products/generator/generated/ProductTagsGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ProductTagsGrid.tsx
@@ -27,7 +27,7 @@ import { IconButton } from "@mui/material";
 import { DataGridPro } from "@mui/x-data-grid-pro";
 import { DataGridProProps } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
 import { muiGridSortToGql } from "@comet/admin";
@@ -138,6 +138,7 @@ export function ProductTagsGrid() {
                 toolbar: ProductTagsGridToolbar as GridSlotsComponent["toolbar"],
             }}
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/ProductVariantsGrid.tsx b/demo/admin/src/products/generator/generated/ProductVariantsGrid.tsx
index 89541f23dcf..2199b82cad7 100644
--- a/demo/admin/src/products/generator/generated/ProductVariantsGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ProductVariantsGrid.tsx
@@ -34,7 +34,7 @@ import { DataGridPro } from "@mui/x-data-grid-pro";
 import { DataGridProProps } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
 import { GridToolbarProps } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
 import { muiGridSortToGql } from "@comet/admin";
@@ -204,6 +204,7 @@ export function ProductVariantsGrid({ product }: Props) {
                 toolbar: { exportApi } as ProductVariantsGridToolbarToolbarProps,
             }}
             onRowClick={handleRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/ProductsGrid.tsx b/demo/admin/src/products/generator/generated/ProductsGrid.tsx
index c1026186fef..4207f998104 100644
--- a/demo/admin/src/products/generator/generated/ProductsGrid.tsx
+++ b/demo/admin/src/products/generator/generated/ProductsGrid.tsx
@@ -41,7 +41,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
 import { GridToolbarProps } from "@mui/x-data-grid-pro";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
 import { GQLProductFilter } from "@src/graphql.generated";
@@ -397,6 +397,7 @@ export function ProductsGrid({ filter, toolbarAction, rowAction, actionsColumnWi
                 toolbar: { toolbarAction, exportApi } as ProductsGridToolbarToolbarProps,
             }}
             onRowClick={onRowClick}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/generator/generated/SelectProductsGrid.tsx b/demo/admin/src/products/generator/generated/SelectProductsGrid.tsx
index 832252873a9..d2d44ef3489 100644
--- a/demo/admin/src/products/generator/generated/SelectProductsGrid.tsx
+++ b/demo/admin/src/products/generator/generated/SelectProductsGrid.tsx
@@ -18,7 +18,7 @@ import { usePersistentColumnState } from "@comet/admin";
 import { DataGridPro } from "@mui/x-data-grid-pro";
 import { DataGridProProps } from "@mui/x-data-grid-pro";
 import { GridSlotsComponent } from "@mui/x-data-grid-pro";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
 import { muiGridSortToGql } from "@comet/admin";
@@ -66,6 +66,7 @@ export function ProductsGrid({ rowSelectionModel, onRowSelectionModelChange }: P
         onRowSelectionModelChange,
         checkboxSelection: true,
         keepNonExistentRowsSelected: true,
+        disableRowSelectionExcludeModel: true,
     };
     const columns: GridColDef<GQLSelectProductsGridFutureFragment>[] = useMemo(
         () => [
@@ -155,6 +156,7 @@ export function ProductsGrid({ rowSelectionModel, onRowSelectionModelChange }: P
             slots={{
                 toolbar: ProductsGridToolbar as GridSlotsComponent["toolbar"],
             }}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/highlights/ProductHighlightsGrid.tsx b/demo/admin/src/products/highlights/ProductHighlightsGrid.tsx
index c2a515787d5..5551fe69941 100644
--- a/demo/admin/src/products/highlights/ProductHighlightsGrid.tsx
+++ b/demo/admin/src/products/highlights/ProductHighlightsGrid.tsx
@@ -103,6 +103,7 @@ export function ProductHighlightsGrid() {
             slots={{
                 toolbar: ProductHighlightsGridToolbar as GridSlotsComponent["toolbar"],
             }}
+            showToolbar
         />
     );
 }
diff --git a/demo/admin/src/products/tags/ProductTagsGrid.tsx b/demo/admin/src/products/tags/ProductTagsGrid.tsx
index 83dd37a42f4..b2e01c7701b 100644
--- a/demo/admin/src/products/tags/ProductTagsGrid.tsx
+++ b/demo/admin/src/products/tags/ProductTagsGrid.tsx
@@ -6,6 +6,7 @@ import {
     FillSpace,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     muiGridFilterToGql,
     muiGridSortToGql,
     StackLink,
@@ -15,7 +16,7 @@ import {
 } from "@comet/admin";
 import { Add as AddIcon, Edit as EditIcon } from "@comet/admin-icons";
 import { IconButton } from "@mui/material";
-import { DataGridPro, type GridSlotsComponent, GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { DataGridPro, type GridSlotsComponent } from "@mui/x-data-grid-pro";
 import { FormattedMessage, useIntl } from "react-intl";
 
 import {
@@ -124,6 +125,7 @@ export function ProductTagsGrid() {
             slots={{
                 toolbar: ProductTagsGridToolbar as GridSlotsComponent["toolbar"],
             }}
+            showToolbar
         />
     );
 }
diff --git a/docs/docs/7-migration-guide/migration-from-v8-to-v9.md b/docs/docs/7-migration-guide/migration-from-v8-to-v9.md
index acf66ef2391..0bf7bcc0b2b 100644
--- a/docs/docs/7-migration-guide/migration-from-v8-to-v9.md
+++ b/docs/docs/7-migration-guide/migration-from-v8-to-v9.md
@@ -209,6 +209,10 @@ Update all `@comet/*` dependencies in `admin/package.json` to version `9.0.0` an
 +       "react-dnd-multi-backend": "^9.0.0",
 -       "react-intl": "^6.8.9",
 +       "react-intl": "^7.1.9",
+-       "@mui/x-data-grid": "^7.29.12",
+-       "@mui/x-data-grid-pro": "^7.29.12",
++       "@mui/x-data-grid": "^8.27.5",
++       "@mui/x-data-grid-pro": "^8.27.5",
     },
     "devDependencies": {
 -       "@comet/admin-generator": "^8.0.0",
@@ -316,6 +320,95 @@ npx types-react-codemod@latest preset-19 ./src
 
 See the official React 19 [migration guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) for more information.
 
+### Upgrade MUI X Data Grid to v8
+
+The MUI X Data Grid peer dependency has been bumped to v8.
+Review the [migration guide](https://mui.com/x/migration/migration-data-grid-v7/) for more information.
+
+#### Run codemods
+
+```sh
+cd admin
+
+npx @mui/x-codemod@latest v8.0.0/data-grid/preset-safe src
+```
+
+#### Import `GridToolbarQuickFilter` from `@comet/admin`
+
+`GridToolbarQuickFilter` must now be imported from `@comet/admin`:
+
+```diff
+-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
++import { GridToolbarQuickFilter } from "@comet/admin";
+```
+
+```diff
+-import { GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
++import { GridToolbarQuickFilter } from "@comet/admin";
+```
+
+```diff
+-import { GridToolbarQuickFilter } from "@mui/x-data-grid-premium";
++import { GridToolbarQuickFilter } from "@comet/admin";
+```
+
+:::info
+
+An ESLint rule enforces this import. Running `npm run lint` will flag any remaining usages.
+
+:::
+
+#### Update row selection model usage
+
+The row selection model has been changed from `GridRowId[]` to `{ type: 'include' | 'exclude'; ids: Set<GridRowId> }`:
+
+```diff
+-const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
++const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
++    type: "include",
++    ids: new Set([]),
++});
+```
+
+Update all code that reads from the selection model:
+
+```diff
+-selectionModel.length
++selectionModel.ids.size
+
+-selectionModel.includes(row.id)
++selectionModel.ids.has(row.id)
+
+-for (const id of selectionModel) {
++for (const id of Array.from(selectionModel.ids)) {
+```
+
+When passing `rowSelectionModel` as a prop, convert to the new format:
+
+```diff
+-rowSelectionModel={state.ids}
++rowSelectionModel={{ type: "include", ids: new Set(state.ids) }}
+```
+
+When reading from `onRowSelectionModelChange`, convert back from `Set` to array if needed:
+
+```diff
+onRowSelectionModelChange={(newSelection) => {
+-    updateState({ ids: newSelection as string[] });
++    updateState({ ids: Array.from(newSelection.ids) as string[] });
+}}
+```
+
+Add `disableRowSelectionExcludeModel` to opt out of the new exclude selection model:
+
+```diff
+  <DataGridPro
+      checkboxSelection
+      keepNonExistentRowsSelected
++     disableRowSelectionExcludeModel
+  />
+```
+
 ### Replace the `variant` prop with `color` in `Tooltip`
 
 The `variant` prop has been renamed to color and the options `neutral` and `primary` have been removed.
diff --git a/packages/admin/admin-generator/package.json b/packages/admin/admin-generator/package.json
index fa2140911cf..007b2036098 100644
--- a/packages/admin/admin-generator/package.json
+++ b/packages/admin/admin-generator/package.json
@@ -41,7 +41,7 @@
         "@graphql-tools/graphql-file-loader": "^7.5.17",
         "@graphql-tools/load": "^7.8.14",
         "@mui/material": "^7.3.7",
-        "@mui/x-data-grid": "^7.29.8",
+        "@mui/x-data-grid": "^8.27.5",
         "change-case": "^4.1.2",
         "commander": "^9.5.0",
         "glob": "^11.1.0",
diff --git a/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/generateGrid.test.ts.snap b/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/generateGrid.test.ts.snap
index 17fcddc8ac6..8bd05bdf8e3 100644
--- a/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/generateGrid.test.ts.snap
+++ b/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/generateGrid.test.ts.snap
@@ -61,7 +61,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -191,6 +191,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -258,7 +259,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -410,6 +411,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -477,7 +479,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridUrlState } from "@comet/admin";
@@ -607,6 +609,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -674,7 +677,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridUrlState } from "@comet/admin";
@@ -802,6 +805,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -869,7 +873,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -999,6 +1003,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -1066,7 +1071,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -1232,6 +1237,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -1299,7 +1305,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -1469,6 +1475,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -1536,7 +1543,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -1666,6 +1673,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
diff --git a/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/scope.test.ts.snap b/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/scope.test.ts.snap
index 0150e15ce46..86271acb350 100644
--- a/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/scope.test.ts.snap
+++ b/packages/admin/admin-generator/src/commands/generate/generateGrid/__tests__/__snapshots__/scope.test.ts.snap
@@ -61,7 +61,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -176,6 +176,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
@@ -243,7 +244,7 @@ import { GridRenderCellParams } from "@mui/x-data-grid";
 import { GridSlotsComponent } from "@mui/x-data-grid";
 import { GridToolbarProps } from "@mui/x-data-grid";
 import { GridColumnHeaderTitle } from "@mui/x-data-grid";
-import { GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { GridToolbarQuickFilter } from "@comet/admin";
 import { GridRowOrderChangeParams } from "@mui/x-data-grid";
 import { useMemo } from "react";
 import { useDataGridRemote } from "@comet/admin";
@@ -357,6 +358,7 @@ renderCell: (params) => {
                 
                 
                 onRowClick={handleRowClick}
+                showToolbar
             />
         );
     }
diff --git a/packages/admin/admin-generator/src/commands/generate/generateGrid/generateGrid.ts b/packages/admin/admin-generator/src/commands/generate/generateGrid/generateGrid.ts
index 6e84a42f33c..75b2f0abc28 100644
--- a/packages/admin/admin-generator/src/commands/generate/generateGrid/generateGrid.ts
+++ b/packages/admin/admin-generator/src/commands/generate/generateGrid/generateGrid.ts
@@ -282,7 +282,7 @@ export function generateGrid<T extends { __typename?: string }>(
         { name: "GridSlotsComponent", importPath: muiXGridVariant.package },
         { name: "GridToolbarProps", importPath: muiXGridVariant.package },
         { name: "GridColumnHeaderTitle", importPath: muiXGridVariant.package },
-        { name: "GridToolbarQuickFilter", importPath: muiXGridVariant.package },
+        { name: "GridToolbarQuickFilter", importPath: "@comet/admin" },
         { name: "GridRowOrderChangeParams", importPath: muiXGridVariant.package },
         { name: "useMemo", importPath: "react" },
     ];
@@ -827,9 +827,9 @@ export function generateGrid<T extends { __typename?: string }>(
         const intl = useIntl();
         const dataGridProps = { ...${hasPaging ? "useDataGridRemote" : "useDataGridUrlState"}(${dataGridRemoteParameters}), ...usePersistentColumnState("${gqlTypePlural}Grid")${
             config.selectionProps === "multiSelect"
-                ? `, rowSelectionModel, onRowSelectionModelChange, checkboxSelection: true, keepNonExistentRowsSelected: true`
+                ? `, rowSelectionModel, onRowSelectionModelChange, checkboxSelection: true, keepNonExistentRowsSelected: true, disableRowSelectionExcludeModel: true`
                 : config.selectionProps === "singleSelect"
-                  ? `, rowSelectionModel, onRowSelectionModelChange, checkboxSelection: false, keepNonExistentRowsSelected: false, disableRowSelectionOnClick: false`
+                  ? `, rowSelectionModel, onRowSelectionModelChange, checkboxSelection: false, keepNonExistentRowsSelected: false, disableRowSelectionOnClick: false, disableRowSelectionExcludeModel: true`
                   : ``
         } };
         ${useScopeFromContext ? `const { scope } = useContentScope();` : ""}
@@ -1105,6 +1105,7 @@ export function generateGrid<T extends { __typename?: string }>(
                 }
                 ${config.density ? `density="${config.density}"` : ""}
                 ${showEditInActionsColumn ? `onRowClick={handleRowClick}` : forwardRowAction ? `onRowClick={onRowClick}` : ""}
+                showToolbar
             />
         );
     }
diff --git a/packages/admin/admin/package.json b/packages/admin/admin/package.json
index e37395321d6..2bac953c132 100644
--- a/packages/admin/admin/package.json
+++ b/packages/admin/admin/package.json
@@ -62,9 +62,9 @@
         "@emotion/styled": "^11.14.1",
         "@mui/material": "^7.3.7",
         "@mui/system": "^7.3.7",
-        "@mui/x-data-grid": "^7.29.12",
-        "@mui/x-data-grid-premium": "^7.29.12",
-        "@mui/x-data-grid-pro": "^7.29.12",
+        "@mui/x-data-grid": "^8.27.5",
+        "@mui/x-data-grid-premium": "^8.27.5",
+        "@mui/x-data-grid-pro": "^8.27.5",
         "@mui/x-date-pickers": "^7.29.4",
         "@mui/x-date-pickers-pro": "^7.29.4",
         "@storybook/addon-docs": "^9.1.17",
@@ -111,9 +111,9 @@
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
         "@mui/material": "^7.0.0",
-        "@mui/x-data-grid": "^7.0.0",
-        "@mui/x-data-grid-premium": "^7.0.0",
-        "@mui/x-data-grid-pro": "^7.0.0",
+        "@mui/x-data-grid": "^8.0.0",
+        "@mui/x-data-grid-premium": "^8.0.0",
+        "@mui/x-data-grid-pro": "^8.0.0",
         "@mui/x-date-pickers": "^7.0.0",
         "@mui/x-date-pickers-pro": "^7.0.0",
         "final-form": "^4.16.1",
diff --git a/packages/admin/admin/src/EditDialog.routerTabs.test.tsx b/packages/admin/admin/src/EditDialog.routerTabs.test.tsx
index 78b6e8498a7..03467890fb8 100644
--- a/packages/admin/admin/src/EditDialog.routerTabs.test.tsx
+++ b/packages/admin/admin/src/EditDialog.routerTabs.test.tsx
@@ -119,6 +119,7 @@ describe("EditDialog with Stack, Router Tabs and Grid", () => {
                             } as ToolbarProps,
                         }}
                         disableVirtualization
+                        showToolbar
                     />
                 </RouterTab>
             </RouterTabs>
diff --git a/packages/admin/admin/src/EditDialog.stackRouterTabs.test.tsx b/packages/admin/admin/src/EditDialog.stackRouterTabs.test.tsx
index fa1d8e78f26..c5552a379b3 100644
--- a/packages/admin/admin/src/EditDialog.stackRouterTabs.test.tsx
+++ b/packages/admin/admin/src/EditDialog.stackRouterTabs.test.tsx
@@ -133,6 +133,7 @@ describe("EditDialog with Stack, Router Tabs and Grid", () => {
                                         } as ToolbarProps,
                                     }}
                                     disableVirtualization
+                                    showToolbar
                                 />
                             </RouterTab>
                         </RouterTabs>
diff --git a/packages/admin/admin/src/common/toolbar/DataGridToolbar.tsx b/packages/admin/admin/src/common/toolbar/DataGridToolbar.tsx
index a7ac11c154f..a9759a015ad 100644
--- a/packages/admin/admin/src/common/toolbar/DataGridToolbar.tsx
+++ b/packages/admin/admin/src/common/toolbar/DataGridToolbar.tsx
@@ -1,19 +1,19 @@
-import { type ComponentsOverrides, Paper, type PaperProps } from "@mui/material";
+import { type ComponentsOverrides } from "@mui/material";
 import { css, type Theme, useThemeProps } from "@mui/material/styles";
-import { type GridDensity, useGridApiContext } from "@mui/x-data-grid";
+import { type GridDensity, Toolbar, type ToolbarProps, useGridApiContext } from "@mui/x-data-grid";
 
 import { createComponentSlot } from "../../helpers/createComponentSlot";
 
 export type DataGridToolbarClassKey = "root" | GridDensity;
 
-export type DataGridToolbarProps = PaperProps;
+export type DataGridToolbarProps = ToolbarProps;
 
 type OwnerState = {
     density: GridDensity;
 };
 
 export const DataGridToolbar = (inProps: DataGridToolbarProps) => {
-    const { elevation = 1, ...restProps } = useThemeProps({ props: inProps, name: "CometAdminDataGridToolbar" });
+    const props = useThemeProps({ props: inProps, name: "CometAdminDataGridToolbar" });
     const apiRef = useGridApiContext();
     const gridDensity = apiRef.current.state.density;
 
@@ -21,10 +21,10 @@ export const DataGridToolbar = (inProps: DataGridToolbarProps) => {
         density: gridDensity,
     };
 
-    return <Root ownerState={ownerState} elevation={elevation} {...restProps} />;
+    return <Root ownerState={ownerState} {...props} />;
 };
 
-const Root = createComponentSlot(Paper)<DataGridToolbarClassKey, OwnerState>({
+const Root = createComponentSlot(Toolbar)<DataGridToolbarClassKey, OwnerState>({
     componentName: "DataGridToolbar",
     slotName: "root",
     classesResolver(ownerState) {
@@ -36,6 +36,7 @@ const Root = createComponentSlot(Paper)<DataGridToolbarClassKey, OwnerState>({
         z-index: 1;
         display: flex;
         align-items: center;
+        min-height: auto;
         gap: ${theme.spacing(2)};
         padding: ${theme.spacing(2)};
 
diff --git a/packages/admin/admin/src/dataGrid/DataGridPanel.tsx b/packages/admin/admin/src/dataGrid/DataGridPanel.tsx
index eaf7347e63d..ef58766c9ce 100644
--- a/packages/admin/admin/src/dataGrid/DataGridPanel.tsx
+++ b/packages/admin/admin/src/dataGrid/DataGridPanel.tsx
@@ -36,6 +36,7 @@ import { type ThemedComponentBaseProps } from "../helpers/ThemedComponentBasePro
 const panelTypeTitle: Record<GridPreferencePanelsValue, ReactNode> = {
     [GridPreferencePanelsValue.filters]: <FormattedMessage id="dataGrid.panel.filters" defaultMessage="Filters" />,
     [GridPreferencePanelsValue.columns]: <FormattedMessage id="dataGrid.panel.columns" defaultMessage="Columns" />,
+    [GridPreferencePanelsValue.aiAssistant]: <FormattedMessage id="dataGrid.panel.aiAssistant" defaultMessage="AI Assistant" />,
 };
 
 export type DataGridPanelClassKey =
@@ -92,7 +93,7 @@ const addFilterText = <FormattedMessage id="dataGrid.panel.addFilter" defaultMes
 let lastAddedFilterItemId = 0;
 
 export const DataGridPanel = (inProps: DataGridPanelProps) => {
-    const { children, open, slotProps, iconMapping = {} } = useThemeProps({ props: inProps, name: "CometAdminDataGridPanel" });
+    const { children, open, slotProps, iconMapping = {}, onClose, ...restProps } = useThemeProps({ props: inProps, name: "CometAdminDataGridPanel" });
     const apiRef = useGridApiContext();
     const filterModel = useGridSelector(apiRef, gridFilterModelSelector);
     const filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);
@@ -153,12 +154,8 @@ export const DataGridPanel = (inProps: DataGridPanelProps) => {
     }, [apiRef, initialColumnVisibilityModel]);
 
     const closeDialog = useCallback(() => {
-        if (openedPanelValue === GridPreferencePanelsValue.filters) {
-            apiRef.current.hideFilterPanel();
-        } else {
-            apiRef.current.hidePreferences();
-        }
-    }, [apiRef, openedPanelValue]);
+        onClose?.();
+    }, [onClose]);
 
     const theme = useTheme();
     const renderFullScreen = useMediaQuery(theme.breakpoints.down("md"));
@@ -224,7 +221,7 @@ export const DataGridPanel = (inProps: DataGridPanelProps) => {
     }
 
     return (
-        <DesktopGridPanel ownerState={rootProps} open={open} {...slotProps?.desktopGridPanel}>
+        <DesktopGridPanel ownerState={rootProps} open={open} onClose={onClose} {...slotProps?.desktopGridPanel} {...restProps}>
             {children}
             <DesktopPanelFooterDivider {...slotProps?.desktopPanelFooterDivider} />
             <DesktopPanelFooter {...slotProps?.desktopPanelFooter}>
@@ -254,15 +251,26 @@ export const DataGridPanel = (inProps: DataGridPanelProps) => {
 const DesktopGridPanel = createComponentSlot(GridPanel)<DataGridPanelClassKey, DataGridProcessedProps>({
     componentName: "DataGridPanel",
     slotName: "desktopGridPanel",
-})(css`
-    .MuiDataGrid-panelHeader,
-    .MuiDataGrid-columnsManagementHeader,
-    .MuiDataGrid-panelFooter,
-    .MuiDataGrid-columnsManagementFooter {
-        // Hide MUIs header and footer so we can add our own with a better structure for styling
-        display: none;
-    }
-`);
+})(
+    ({ theme }) => css`
+        .MuiDataGrid-panelHeader,
+        .MuiDataGrid-columnsManagementHeader,
+        .MuiDataGrid-panelFooter,
+        .MuiDataGrid-columnsManagementFooter {
+            // Hide MUIs header and footer so we can add our own with a better structure for styling
+            display: none;
+        }
+
+        .MuiDataGrid-paper {
+            border: 1px solid ${theme.palette.grey[100]};
+            box-shadow: ${theme.shadows[4]};
+            border-radius: 4px;
+            max-height: none;
+            flex-direction: column;
+            padding: 0;
+        }
+    `,
+);
 
 const DesktopPanelFooterDivider = createComponentSlot(Divider)<DataGridPanelClassKey>({
     componentName: "DataGridPanel",
@@ -277,6 +285,7 @@ const DesktopPanelFooter = createComponentSlot("div")<DataGridPanelClassKey>({
         display: flex;
         justify-content: space-between;
         padding: ${theme.spacing(4)};
+        gap: ${theme.spacing(3)};
     `,
 );
 
diff --git a/packages/admin/admin/src/dataGrid/GridColDef.ts b/packages/admin/admin/src/dataGrid/GridColDef.ts
index 439172bf1ff..2b362a4161b 100644
--- a/packages/admin/admin/src/dataGrid/GridColDef.ts
+++ b/packages/admin/admin/src/dataGrid/GridColDef.ts
@@ -6,7 +6,7 @@ import {
     type GridValidRowModel,
     type GridValueOptionsParams,
 } from "@mui/x-data-grid";
-import { type GridBaseColDef as MuiGridBaseColDef } from "@mui/x-data-grid/models/colDef/gridColDef";
+import { type GridBaseColDef as MuiGridBaseColDef } from "@mui/x-data-grid/internals";
 import { type ReactNode } from "react";
 
 import { type GqlFilter } from "./muiGridFilterToGql";
diff --git a/packages/admin/admin/src/dataGrid/GridToolbarQuickFilter.tsx b/packages/admin/admin/src/dataGrid/GridToolbarQuickFilter.tsx
new file mode 100644
index 00000000000..56dd7b46834
--- /dev/null
+++ b/packages/admin/admin/src/dataGrid/GridToolbarQuickFilter.tsx
@@ -0,0 +1,79 @@
+import { Clear, Search } from "@comet/admin-icons";
+import { InputBase } from "@mui/material";
+import InputAdornment from "@mui/material/InputAdornment";
+import { styled } from "@mui/material/styles";
+import { QuickFilter, QuickFilterClear, QuickFilterControl } from "@mui/x-data-grid";
+import { useIntl } from "react-intl";
+
+import { messages } from "../messages";
+
+type GridToolbarQuickFilterProps = {
+    placeholder?: string;
+};
+
+/**
+ * Custom quick filter component to support a persistent quick filter.
+ * Adapted from https://mui.com/x/react-data-grid/components/quick-filter/#persistent-quick-filter.
+ */
+export function GridToolbarQuickFilter({ placeholder }: GridToolbarQuickFilterProps) {
+    const intl = useIntl();
+
+    return (
+        <Root expanded>
+            <QuickFilterControl
+                render={({ ref, ...other }) => (
+                    <InputBase
+                        {...other}
+                        inputRef={ref}
+                        placeholder={placeholder ?? intl.formatMessage({ id: "comet.dataGrid.quickFilter.placeholder", defaultMessage: "Search..." })}
+                        size="small"
+                        slotProps={{
+                            input: {
+                                sx: {
+                                    paddingRight: 0, // Removes unnecessary spacing to the clear button that already has enough spacing
+                                    textOverflow: "ellipsis",
+                                },
+                            },
+                        }}
+                        startAdornment={
+                            <InputAdornment position="start">
+                                <Search />
+                            </InputAdornment>
+                        }
+                        endAdornment={
+                            other.value ? (
+                                <InputAdornment position="end">
+                                    <ClearButton edge="end" aria-label={intl.formatMessage(messages.clear)}>
+                                        <Clear fontSize="inherit" />
+                                    </ClearButton>
+                                </InputAdornment>
+                            ) : null
+                        }
+                    />
+                )}
+            />
+        </Root>
+    );
+}
+
+const Root = styled(QuickFilter)(({ theme }) => ({
+    width: 120,
+
+    [theme.breakpoints.up("sm")]: {
+        width: 150,
+    },
+
+    [theme.breakpoints.up("md")]: {
+        width: "auto",
+    },
+}));
+
+const ClearButton = styled(QuickFilterClear)(({ theme }) => ({
+    alignSelf: "stretch",
+    color: theme.palette.grey[200],
+    paddingLeft: 10,
+    paddingRight: 10,
+    fontSize: 12,
+    marginRight: theme.spacing(-2),
+    borderRadius: 0,
+}));
diff --git a/packages/admin/admin/src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.tsx b/packages/admin/admin/src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.tsx
index 1e5f167b64d..b7249141818 100644
--- a/packages/admin/admin/src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.tsx
+++ b/packages/admin/admin/src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.tsx
@@ -9,7 +9,7 @@ import {
     useThemeProps,
 } from "@mui/material";
 import { GridPinnedColumnPosition, useGridApiContext } from "@mui/x-data-grid";
-import { type GridStateColDef } from "@mui/x-data-grid/models/colDef/gridColDef";
+import type { GridStateColDef } from "@mui/x-data-grid/internals";
 import type { GridApiPro } from "@mui/x-data-grid-pro";
 import { type ChangeEvent, type FunctionComponent } from "react";
 
diff --git a/packages/admin/admin/src/dataGrid/muiGridFilterToGql.test.ts b/packages/admin/admin/src/dataGrid/muiGridFilterToGql.test.ts
index 3e8afa97de0..3dddac10f5a 100644
--- a/packages/admin/admin/src/dataGrid/muiGridFilterToGql.test.ts
+++ b/packages/admin/admin/src/dataGrid/muiGridFilterToGql.test.ts
@@ -1,5 +1,4 @@
-import { GridLogicOperator } from "@mui/x-data-grid";
-import { type GridFilterModel } from "@mui/x-data-grid/models/gridFilterModel";
+import { type GridFilterModel, GridLogicOperator } from "@mui/x-data-grid";
 import { describe, expect, it } from "vitest";
 
 import { type GridColDef } from "./GridColDef";
diff --git a/packages/admin/admin/src/dataGrid/useDataGridRemote.test.tsx b/packages/admin/admin/src/dataGrid/useDataGridRemote.test.tsx
index 5dae495fd98..8aba41252eb 100644
--- a/packages/admin/admin/src/dataGrid/useDataGridRemote.test.tsx
+++ b/packages/admin/admin/src/dataGrid/useDataGridRemote.test.tsx
@@ -1,6 +1,4 @@
-import { type GridSortDirection } from "@mui/x-data-grid";
-import { type GridApiCommunity } from "@mui/x-data-grid/models/api/gridApiCommunity";
-import { type GridFilterModel } from "@mui/x-data-grid/models/gridFilterModel";
+import { type GridApi, type GridFilterModel, type GridSortDirection } from "@mui/x-data-grid";
 import { createMemoryHistory } from "history";
 import queryString from "query-string";
 import { Router } from "react-router";
@@ -18,7 +16,7 @@ const mockedFilterModel: GridFilterModel = {
 const mockedPage = 17;
 const mockedPageSize = 42;
 
-const mockedApi: GridApiCommunity = {} as GridApiCommunity;
+const mockedApi: GridApi = {} as GridApi;
 
 describe("useDataGridRemote", () => {
     it("reads sort param from URL and returns correct value", () => {
diff --git a/packages/admin/admin/src/dataGrid/useDataGridUrlState.tsx b/packages/admin/admin/src/dataGrid/useDataGridUrlState.tsx
index 63447984314..3cfa7e61570 100644
--- a/packages/admin/admin/src/dataGrid/useDataGridUrlState.tsx
+++ b/packages/admin/admin/src/dataGrid/useDataGridUrlState.tsx
@@ -1,6 +1,5 @@
-import { type DataGridProps, type GridFilterModel, type GridSortDirection, type GridSortModel } from "@mui/x-data-grid";
+import { type DataGridProps, type GridFilterModel, type GridPaginationModel, type GridSortDirection, type GridSortModel } from "@mui/x-data-grid";
 import { type GridCallbackDetails } from "@mui/x-data-grid/models/api";
-import { type GridPaginationModel } from "@mui/x-data-grid/models/gridPaginationProps";
 import queryString from "query-string";
 import { useCallback, useState } from "react";
 import { useHistory, useLocation } from "react-router";
diff --git a/packages/admin/admin/src/index.ts b/packages/admin/admin/src/index.ts
index de8d226cb4e..19098697dc2 100644
--- a/packages/admin/admin/src/index.ts
+++ b/packages/admin/admin/src/index.ts
@@ -84,6 +84,7 @@ export {
     dataGridOneToManyColumn,
 } from "./dataGrid/gridColumnTypes";
 export { GridFilterButton } from "./dataGrid/GridFilterButton";
+export { GridToolbarQuickFilter } from "./dataGrid/GridToolbarQuickFilter";
 export { muiGridFilterToGql } from "./dataGrid/muiGridFilterToGql";
 export { muiGridPagingToGql } from "./dataGrid/muiGridPagingToGql";
 export { muiGridSortToGql } from "./dataGrid/muiGridSortToGql";
diff --git a/packages/admin/admin/src/messages.ts b/packages/admin/admin/src/messages.ts
index bdeccef4399..06e62d8fadd 100644
--- a/packages/admin/admin/src/messages.ts
+++ b/packages/admin/admin/src/messages.ts
@@ -57,4 +57,5 @@ export const messages = defineMessages({
     downloadAsExcel: { id: "comet.generic.downloadAsExcel", defaultMessage: "Download as Excel" },
     openInNewTab: { id: "comet.generic.openInNewTab", defaultMessage: "Open in new tab" },
     openInThisTab: { id: "comet.generic.openInThisTab", defaultMessage: "Open in this tab" },
+    clear: { id: "comet.generic.clear", defaultMessage: "Clear" },
 });
diff --git a/packages/admin/admin/src/theme/componentsTheme/MuiDataGrid.tsx b/packages/admin/admin/src/theme/componentsTheme/MuiDataGrid.tsx
index 8a6819c8f07..c43b7009fbe 100644
--- a/packages/admin/admin/src/theme/componentsTheme/MuiDataGrid.tsx
+++ b/packages/admin/admin/src/theme/componentsTheme/MuiDataGrid.tsx
@@ -1,18 +1,17 @@
-import { ArrowDown, ArrowUp, Check, Clear, Close, Delete, MoreVertical, Search } from "@comet/admin-icons";
+import { ArrowDown, ArrowUp, Check, Close, Delete, MoreVertical } from "@comet/admin-icons";
 import {
     autocompleteClasses,
-    buttonBaseClasses,
     Checkbox,
     checkboxClasses,
+    formControlClasses,
     iconButtonClasses,
     inputBaseClasses,
     inputLabelClasses,
     nativeSelectClasses,
-    Select,
-    svgIconClasses,
     type SvgIconProps,
     tablePaginationClasses,
     TextField,
+    textFieldClasses,
     toolbarClasses,
 } from "@mui/material";
 import { COMFORTABLE_DENSITY_FACTOR, COMPACT_DENSITY_FACTOR, getDataGridUtilityClass, gridClasses } from "@mui/x-data-grid";
@@ -56,17 +55,14 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
             return getDensityHeightValue("standard");
         },
         slots: {
-            baseCheckbox: Checkbox,
-            quickFilterIcon: Search,
-            quickFilterClearIcon: Clear,
-            filterPanelDeleteIcon: (props: SvgIconProps) => <Delete {...props} fontSize="medium" />,
-            baseTextField: TextField,
-            baseSelect: Select,
-            booleanCellTrueIcon: Check,
-            booleanCellFalseIcon: Close,
-            columnSortedAscendingIcon: ArrowUp,
-            columnSortedDescendingIcon: ArrowDown,
-            columnMenuIcon: (props: SvgIconProps) => <MoreVertical {...props} fontSize="medium" />,
+            baseCheckbox: Checkbox as any,
+            baseTextField: TextField as any,
+            filterPanelDeleteIcon: ((props: SvgIconProps) => <Delete {...props} fontSize="medium" />) as any,
+            booleanCellTrueIcon: Check as any,
+            booleanCellFalseIcon: Close as any,
+            columnSortedAscendingIcon: ArrowUp as any,
+            columnSortedDescendingIcon: ArrowDown as any,
+            columnMenuIcon: ((props: SvgIconProps) => <MoreVertical {...props} fontSize="medium" />) as any,
             panel: DataGridPanel,
             pagination: DataGridPagination,
             columnsManagement: DataGridColumnsManagement,
@@ -78,15 +74,16 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
                 color: "info",
                 ...component?.defaultProps?.slotProps?.baseButton,
             },
+            basePopper: {
+                placement: "bottom-start",
+                ...component?.defaultProps?.slotProps?.basePopper,
+            },
         },
         localeText: {
             ...component?.defaultProps?.localeText,
         },
     },
     styleOverrides: mergeOverrideStyles<"MuiDataGrid">(component?.styleOverrides, {
-        root: {
-            backgroundColor: "white",
-        },
         panelHeader: {
             padding: `4px 4px ${spacing(1)} 4px`,
             borderBottom: `1px solid ${palette.divider}`,
@@ -181,13 +178,7 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
         },
         panelContent: {
             padding: spacing(4),
-        },
-        paper: {
-            border: `1px solid ${palette.grey[100]}`,
-            boxShadow: shadows[4],
-            borderRadius: 4,
-            maxHeight: "none",
-            flexDirection: "column",
+            gap: 0,
         },
         filterForm: {
             flexDirection: "row",
@@ -229,6 +220,42 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
                 whiteSpace: "nowrap",
                 textOverflow: "ellipsis",
             },
+
+            // filterFormLogicOperatorInput wrapper
+            [`.${formControlClasses.root}:nth-of-type(2)`]: {
+                width: filterOperatorInputWidth,
+                marginRight: 0,
+                marginTop: "auto",
+
+                [breakpoints.up("md")]: {
+                    width: 80,
+                },
+            },
+
+            // filterFormColumnInput wrapper
+            [`.${formControlClasses.root}:nth-of-type(3)`]: {
+                width: `calc(100% - ${filtersLeftSectionWidth}px)`,
+                paddingLeft: spacing(2),
+                boxSizing: "border-box",
+
+                [breakpoints.up("md")]: {
+                    width: 199,
+                    paddingLeft: 0,
+                },
+            },
+
+            // filterFormOperatorInput wrapper
+            [`.${formControlClasses.root}:nth-of-type(4)`]: {
+                marginTop: spacing(3),
+                flexBasis: filtersLeftSectionWidth,
+                flexGrow: 1,
+
+                [breakpoints.up("md")]: {
+                    marginTop: 0,
+                    width: 110,
+                    flexBasis: "unset",
+                },
+            },
         },
         filterFormDeleteIcon: {
             width: filterDeleteIconSize,
@@ -246,33 +273,11 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
                 height: "100%",
             },
         },
-        filterFormLogicOperatorInput: {
-            width: filterOperatorInputWidth,
-            marginRight: 0,
-
-            [breakpoints.up("md")]: {
-                width: 80,
-            },
-        },
         filterFormColumnInput: {
-            width: `calc(100% - ${filtersLeftSectionWidth}px)`,
-            paddingLeft: spacing(2),
-            boxSizing: "border-box",
-
-            [breakpoints.up("md")]: {
-                width: 199,
-                paddingLeft: 0,
-            },
+            width: "100%",
         },
         filterFormOperatorInput: {
-            marginTop: spacing(3),
-            flexBasis: filterOperatorInputWidth,
-            flexGrow: 1,
-
-            [breakpoints.up("md")]: {
-                marginTop: 0,
-                width: 110,
-            },
+            width: "100%",
         },
         filterFormValueInput: {
             width: `calc(100% - ${filtersLeftSectionWidth}px)`,
@@ -313,56 +318,33 @@ export const getMuiDataGrid: GetMuiComponentTheme<"MuiDataGrid"> = (component, {
             },
 
             [`& .${inputBaseClasses.root}`]: {
-                marginTop: 0,
-            },
-        },
-        panelFooter: {
-            padding: spacing(2),
-            borderTop: `1px solid ${palette.divider}`,
-        },
-        // @ts-expect-error This key exists but is missing in the types.
-        toolbarQuickFilter: {
-            paddingBottom: 0,
-            width: 120,
-
-            [breakpoints.up("sm")]: {
-                width: 150,
-            },
-
-            [breakpoints.up("md")]: {
-                width: "auto",
-            },
-
-            [`& .${svgIconClasses.root}`]: {
-                fontSize: 16,
-            },
+                minHeight: "40px",
+                display: "flex",
+                alignItems: "center",
+                border: `1px solid ${palette.grey[100]}`,
 
-            [`& .${buttonBaseClasses.root}`]: {
-                alignSelf: "stretch",
-                color: palette.grey[200],
-                paddingLeft: 10,
-                paddingRight: 10,
-                fontSize: 12,
-                marginRight: spacing(-2),
-                borderRadius: 0,
-
-                [`& .${svgIconClasses.root}`]: {
-                    fontSize: "inherit",
+                [`& > .${inputBaseClasses.input}`]: {
+                    padding: `calc(${spacing(2)} - 1px)`,
+                    display: "flex",
+                    alignItems: "center",
                 },
-            },
 
-            [`& .${inputBaseClasses.input}`]: {
-                marginLeft: 0,
-            },
+                [`& > .MuiOutlinedInput-notchedOutline`]: {
+                    display: "none",
+                },
 
-            [`& > .${inputBaseClasses.root} .${inputBaseClasses.input}`]: {
-                paddingRight: 0, // Removes unnecessary spacing to the clear button that already has enough spacing
-                textOverflow: "ellipsis",
+                "&.Mui-focused": {
+                    border: `1px solid ${palette.primary.main}`,
+                },
             },
 
-            [`& > .${inputBaseClasses.root} .${inputBaseClasses.input}[value=''] + .${iconButtonClasses.root}`]: {
-                display: "none", // Prevents the disabled clear-button from overlaying the input value
+            [`& .${textFieldClasses.root}`]: {
+                width: "100%",
             },
         },
+        panelFooter: {
+            padding: spacing(2),
+            borderTop: `1px solid ${palette.divider}`,
+        },
     }),
 });
diff --git a/packages/admin/admin/src/theme/createCometTheme.ts b/packages/admin/admin/src/theme/createCometTheme.ts
index b47a4ee0420..19263249c4a 100644
--- a/packages/admin/admin/src/theme/createCometTheme.ts
+++ b/packages/admin/admin/src/theme/createCometTheme.ts
@@ -31,16 +31,16 @@ export const createCometTheme = (
 
     const cometThemeOptionsBeforeAddingComponents = {
         spacing: passedSpacingOptions,
-        palette: paletteOptions,
+        palette: {
+            ...paletteOptions,
+            DataGrid: {
+                bg: "rgb(255, 255, 255)",
+            },
+        },
         typography: typographyOptions,
         shape: {
             borderRadius: 2,
         },
-        mixins: {
-            MuiDataGrid: {
-                containerBackground: "rgb(255, 255, 255)",
-            },
-        },
         shadows,
         zIndex: passedZIndexOptions,
         breakpoints: breakpointsOptions,
diff --git a/packages/admin/brevo-admin/package.json b/packages/admin/brevo-admin/package.json
index 6972de2dcec..f4f80c9ffa6 100644
--- a/packages/admin/brevo-admin/package.json
+++ b/packages/admin/brevo-admin/package.json
@@ -58,8 +58,8 @@
         "@graphql-codegen/typescript-operations": "^4.6.1",
         "@mui/material": "^7.3.5",
         "@mui/system": "^7.3.5",
-        "@mui/x-data-grid": "^7.29.12",
-        "@mui/x-data-grid-pro": "^7.29.12",
+        "@mui/x-data-grid": "^8.27.5",
+        "@mui/x-data-grid-pro": "^8.27.5",
         "@mui/x-date-pickers": "^7.29.4",
         "@types/react": "^19.2.10",
         "@types/react-dom": "^19.2.3",
@@ -84,8 +84,8 @@
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
         "@mui/material": "^7.0.0",
-        "@mui/x-data-grid": "^7.0.0",
-        "@mui/x-data-grid-pro": "^7.0.0",
+        "@mui/x-data-grid": "^8.0.0",
+        "@mui/x-data-grid-pro": "^8.0.0",
         "@mui/x-date-pickers": "^7.0.0",
         "final-form": "^4.0.0",
         "graphql": "^15.0.0 || ^16.0.0",
diff --git a/packages/admin/brevo-admin/src/brevoContacts/BrevoContactsGrid.tsx b/packages/admin/brevo-admin/src/brevoContacts/BrevoContactsGrid.tsx
index f7b213b9396..8449618534f 100644
--- a/packages/admin/brevo-admin/src/brevoContacts/BrevoContactsGrid.tsx
+++ b/packages/admin/brevo-admin/src/brevoContacts/BrevoContactsGrid.tsx
@@ -4,6 +4,7 @@ import {
     CrudMoreActionsMenu,
     DataGridToolbar,
     type GridColDef,
+    GridToolbarQuickFilter,
     MainContent,
     messages,
     RowActionsItem,
@@ -17,8 +18,7 @@ import {
 import { Add, Block, Check, Delete, Edit } from "@comet/admin-icons";
 import { type ContentScope } from "@comet/cms-admin";
 import { IconButton } from "@mui/material";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
-import type { GridSlotsComponent } from "@mui/x-data-grid/models/gridSlotsComponent";
+import { DataGrid, type GridSlotsComponent } from "@mui/x-data-grid";
 import { type ReactElement } from "react";
 import { FormattedMessage, type IntlShape, useIntl } from "react-intl";
 
@@ -77,7 +77,10 @@ function BrevoContactsGridToolbar({ intl, scope }: BrevoContactsGridToolbarProps
             <DataGridToolbar>
                 <FormattedMessage id="cometBrevoModule.brevoContact.title" defaultMessage="Contacts" />
                 <GridToolbarQuickFilter
-                    placeholder={intl.formatMessage({ id: "cometBrevoModule.brevoContact.searchEmail", defaultMessage: "Search email address" })}
+                    placeholder={intl.formatMessage({
+                        id: "cometBrevoModule.brevoContact.searchEmail",
+                        defaultMessage: "Search email address",
+                    })}
                 />
                 <ToolbarFillSpace />
                 <CrudMoreActionsMenu overallActions={[moreActionsMenuItem]} />
@@ -232,6 +235,7 @@ export function BrevoContactsGrid({
                         scope,
                     } as BrevoContactsGridToolbarProps,
                 }}
+                showToolbar
             />
         </MainContent>
     );
diff --git a/packages/admin/brevo-admin/src/brevoTestContacts/BrevoTestContactsGrid.tsx b/packages/admin/brevo-admin/src/brevoTestContacts/BrevoTestContactsGrid.tsx
index 9fc715975ca..622bb93e0aa 100644
--- a/packages/admin/brevo-admin/src/brevoTestContacts/BrevoTestContactsGrid.tsx
+++ b/packages/admin/brevo-admin/src/brevoTestContacts/BrevoTestContactsGrid.tsx
@@ -4,6 +4,7 @@ import {
     Button,
     DataGridToolbar,
     type GridColDef,
+    GridToolbarQuickFilter,
     MainContent,
     messages,
     RowActionsItem,
@@ -19,8 +20,7 @@ import {
 import { Add, Delete, Edit } from "@comet/admin-icons";
 import { type ContentScope } from "@comet/cms-admin";
 import { Box, IconButton } from "@mui/material";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
-import type { GridSlotsComponent } from "@mui/x-data-grid/models/gridSlotsComponent";
+import { DataGrid, type GridSlotsComponent } from "@mui/x-data-grid";
 import { type ReactElement } from "react";
 import { FormattedMessage, type IntlShape, useIntl } from "react-intl";
 
@@ -210,6 +210,7 @@ export function BrevoTestContactsGrid({
                         totalCount,
                     } as BrevoTestContactsGridToolbarProps,
                 }}
+                showToolbar
             />
         </MainContent>
     );
diff --git a/packages/admin/brevo-admin/src/emailCampaigns/EmailCampaignsGrid.tsx b/packages/admin/brevo-admin/src/emailCampaigns/EmailCampaignsGrid.tsx
index 1f7ac71e7cb..79e041a7a11 100644
--- a/packages/admin/brevo-admin/src/emailCampaigns/EmailCampaignsGrid.tsx
+++ b/packages/admin/brevo-admin/src/emailCampaigns/EmailCampaignsGrid.tsx
@@ -5,6 +5,7 @@ import {
     DataGridToolbar,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     MainContent,
     muiGridFilterToGql,
     muiGridSortToGql,
@@ -20,7 +21,7 @@ import {
 import { Add as AddIcon, Edit, Statistics, Visible } from "@comet/admin-icons";
 import { type BlockInterface, type ContentScope } from "@comet/cms-admin";
 import { IconButton } from "@mui/material";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid } from "@mui/x-data-grid";
 import { isBefore } from "date-fns";
 import { type ReactElement } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -261,6 +262,7 @@ export function EmailCampaignsGrid({
                 slots={{
                     toolbar: EmailCampaignsGridToolbar,
                 }}
+                showToolbar
             />
         </MainContent>
     );
diff --git a/packages/admin/brevo-admin/src/targetGroups/TargetGroupsGrid.tsx b/packages/admin/brevo-admin/src/targetGroups/TargetGroupsGrid.tsx
index f9001829a87..c039b272b4a 100644
--- a/packages/admin/brevo-admin/src/targetGroups/TargetGroupsGrid.tsx
+++ b/packages/admin/brevo-admin/src/targetGroups/TargetGroupsGrid.tsx
@@ -6,6 +6,7 @@ import {
     downloadFile,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     MainContent,
     muiGridFilterToGql,
     muiGridSortToGql,
@@ -20,7 +21,7 @@ import {
 import { Add as AddIcon, Download, Edit } from "@comet/admin-icons";
 import { type ContentScope } from "@comet/cms-admin";
 import { DialogContent, IconButton } from "@mui/material";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid } from "@mui/x-data-grid";
 import { type DocumentNode } from "graphql";
 import { type ReactElement } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -275,6 +276,7 @@ export function TargetGroupsGrid({
                 slots={{
                     toolbar: TargetGroupsGridToolbar,
                 }}
+                showToolbar
             />
             <EditDialog disableCloseAfterSave componentsProps={{ dialog: { maxWidth: "sm" } }}>
                 <DialogContent>
diff --git a/packages/admin/brevo-admin/src/targetGroups/addContacts/AddContactsGridSelect.tsx b/packages/admin/brevo-admin/src/targetGroups/addContacts/AddContactsGridSelect.tsx
index ab2f24115c8..f1d2db38a5d 100644
--- a/packages/admin/brevo-admin/src/targetGroups/addContacts/AddContactsGridSelect.tsx
+++ b/packages/admin/brevo-admin/src/targetGroups/addContacts/AddContactsGridSelect.tsx
@@ -8,6 +8,7 @@ import {
     Field,
     FinalForm,
     type GridColDef,
+    GridToolbarQuickFilter,
     ToolbarFillSpace,
     ToolbarItem,
     ToolbarTitleItem,
@@ -19,8 +20,7 @@ import { Add, Close, Remove, Save } from "@comet/admin-icons";
 import { type ContentScope } from "@comet/cms-admin";
 import { DialogActions, DialogTitle, IconButton, useTheme } from "@mui/material";
 import { Box } from "@mui/system";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
-import type { GridSlotsComponent } from "@mui/x-data-grid/models/gridSlotsComponent";
+import { DataGrid, type GridSlotsComponent } from "@mui/x-data-grid";
 import { type ReactElement, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { MemoryRouter } from "react-router";
@@ -269,6 +269,7 @@ export function AddContactsGridSelect({ id, scope, assignedContactsTargetGroupBr
                         targetGroupId: id,
                     } as AddContactsGridSelectToolbarProps,
                 }}
+                showToolbar
             />
             <FinalForm<FormProps> mode="edit" onSubmit={submit}>
                 {({ handleSubmit, submitting }) => {
@@ -282,7 +283,7 @@ export function AddContactsGridSelect({ id, scope, assignedContactsTargetGroupBr
                                     </IconButton>
                                 </DialogTitle>
                                 <Box>
-                                    <Field name="brevoContactIds" fullWidth>
+                                    <Field<number[]> name="brevoContactIds" fullWidth>
                                         {(props) => (
                                             <DataGrid
                                                 {...dataGridAssignableContactsProps}
@@ -294,12 +295,14 @@ export function AddContactsGridSelect({ id, scope, assignedContactsTargetGroupBr
                                                 slots={{
                                                     toolbar: AssignableContactsGridToolbar,
                                                 }}
-                                                rowSelectionModel={props.value}
+                                                rowSelectionModel={{ type: "include", ids: new Set(props.input.value) }}
                                                 onRowSelectionModelChange={(newSelectionModel) => {
-                                                    props.input.onChange(newSelectionModel);
+                                                    props.input.onChange(Array.from(newSelectionModel.ids));
                                                 }}
+                                                disableRowSelectionExcludeModel
                                                 checkboxSelection
                                                 keepNonExistentRowsSelected
+                                                showToolbar
                                             />
                                         )}
                                     </Field>
diff --git a/packages/admin/brevo-admin/src/targetGroups/allAssignedContacts/AllAssignedContactsGrid.tsx b/packages/admin/brevo-admin/src/targetGroups/allAssignedContacts/AllAssignedContactsGrid.tsx
index a131cf968d1..cab84913102 100644
--- a/packages/admin/brevo-admin/src/targetGroups/allAssignedContacts/AllAssignedContactsGrid.tsx
+++ b/packages/admin/brevo-admin/src/targetGroups/allAssignedContacts/AllAssignedContactsGrid.tsx
@@ -1,7 +1,15 @@
 import { useQuery } from "@apollo/client";
-import { DataGridToolbar, type GridColDef, ToolbarTitleItem, useBufferedRowCount, useDataGridRemote, usePersistentColumnState } from "@comet/admin";
+import {
+    DataGridToolbar,
+    type GridColDef,
+    GridToolbarQuickFilter,
+    ToolbarTitleItem,
+    useBufferedRowCount,
+    useDataGridRemote,
+    usePersistentColumnState,
+} from "@comet/admin";
 import { type ContentScope } from "@comet/cms-admin";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid } from "@mui/x-data-grid";
 import { type ReactElement } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
@@ -108,6 +116,7 @@ export function AllAssignedContactsGrid({ id, scope, brevoId }: AllAssignedConta
             slots={{
                 toolbar: AssignedContactsGridToolbar,
             }}
+            showToolbar
         />
     );
 }
diff --git a/packages/admin/cms-admin/package.json b/packages/admin/cms-admin/package.json
index 6748726a6d7..3209ccb954a 100644
--- a/packages/admin/cms-admin/package.json
+++ b/packages/admin/cms-admin/package.json
@@ -84,8 +84,8 @@
         "@graphql-codegen/typescript-operations": "^4.6.1",
         "@mui/material": "^7.3.7",
         "@mui/system": "^7.3.7",
-        "@mui/x-data-grid": "^7.29.12",
-        "@mui/x-data-grid-pro": "^7.29.12",
+        "@mui/x-data-grid": "^8.27.5",
+        "@mui/x-data-grid-pro": "^8.27.5",
         "@testing-library/dom": "^10.4.1",
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
@@ -128,8 +128,8 @@
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
         "@mui/material": "^7.0.0",
-        "@mui/x-data-grid": "^7.0.0",
-        "@mui/x-data-grid-pro": "^7.0.0",
+        "@mui/x-data-grid": "^8.0.0",
+        "@mui/x-data-grid-pro": "^8.0.0",
         "final-form": "^4.0.0",
         "graphql": "^15.0.0 || ^16.0.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
diff --git a/packages/admin/cms-admin/src/blocks/DamVideoBlock.tsx b/packages/admin/cms-admin/src/blocks/DamVideoBlock.tsx
index ce2c5acaaf4..745b0436681 100644
--- a/packages/admin/cms-admin/src/blocks/DamVideoBlock.tsx
+++ b/packages/admin/cms-admin/src/blocks/DamVideoBlock.tsx
@@ -2,7 +2,7 @@ import { gql } from "@apollo/client";
 import { Field } from "@comet/admin";
 import { Video } from "@comet/admin-icons";
 import { Box } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { defineMessage, FormattedMessage } from "react-intl";
 
 import { type DamVideoBlockData, type DamVideoBlockInput } from "../blocks.generated";
diff --git a/packages/admin/cms-admin/src/blocks/InternalLinkBlock.tsx b/packages/admin/cms-admin/src/blocks/InternalLinkBlock.tsx
index e4571a84afc..6d2ceabcb46 100644
--- a/packages/admin/cms-admin/src/blocks/InternalLinkBlock.tsx
+++ b/packages/admin/cms-admin/src/blocks/InternalLinkBlock.tsx
@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 import { Field, FinalFormSelect } from "@comet/admin";
 import { Box, Divider, MenuItem } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { FormattedMessage } from "react-intl";
 
 import { type InternalLinkBlockData, type InternalLinkBlockInput } from "../blocks.generated";
diff --git a/packages/admin/cms-admin/src/blocks/PixelImageBlock.tsx b/packages/admin/cms-admin/src/blocks/PixelImageBlock.tsx
index 1900bb6e176..374b783d2b5 100644
--- a/packages/admin/cms-admin/src/blocks/PixelImageBlock.tsx
+++ b/packages/admin/cms-admin/src/blocks/PixelImageBlock.tsx
@@ -2,7 +2,7 @@ import { gql } from "@apollo/client";
 import { Field } from "@comet/admin";
 import { Crop } from "@comet/admin-icons";
 import { styled } from "@mui/material/styles";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { useCallback, useState } from "react";
 import { FormattedMessage } from "react-intl";
 
diff --git a/packages/admin/cms-admin/src/blocks/SvgImageBlock.tsx b/packages/admin/cms-admin/src/blocks/SvgImageBlock.tsx
index ec61c9ee5bc..6c69ba9ae2f 100644
--- a/packages/admin/cms-admin/src/blocks/SvgImageBlock.tsx
+++ b/packages/admin/cms-admin/src/blocks/SvgImageBlock.tsx
@@ -1,6 +1,6 @@
 import { gql } from "@apollo/client";
 import { Field } from "@comet/admin";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { FormattedMessage } from "react-intl";
 
 import { type SvgImageBlockData, type SvgImageBlockInput } from "../blocks.generated";
diff --git a/packages/admin/cms-admin/src/blocks/table/TableBlockGrid.tsx b/packages/admin/cms-admin/src/blocks/table/TableBlockGrid.tsx
index 309aae18f7c..d401b966dbb 100644
--- a/packages/admin/cms-admin/src/blocks/table/TableBlockGrid.tsx
+++ b/packages/admin/cms-admin/src/blocks/table/TableBlockGrid.tsx
@@ -102,6 +102,9 @@ export const TableBlockGrid = ({ state, updateState }: Props) => {
 
     useEffect(() => {
         const handleMoveColumn: GridEventListener<"columnHeaderDragEnd"> = ({ field: columnId }) => {
+            if (!apiRef.current) {
+                return;
+            }
             const targetIndex = apiRef.current.getColumnIndex(columnId) - 1;
 
             updateState((state) => {
@@ -118,7 +121,7 @@ export const TableBlockGrid = ({ state, updateState }: Props) => {
             });
         };
 
-        return apiRef.current.subscribeEvent("columnHeaderDragEnd", handleMoveColumn);
+        return apiRef.current?.subscribeEvent("columnHeaderDragEnd", handleMoveColumn);
     }, [apiRef, updateState]);
 
     const dataGridColumns: GridColDef[] = [
@@ -198,7 +201,8 @@ export const TableBlockGrid = ({ state, updateState }: Props) => {
                 right: ["actions"],
             }}
             slots={{
-                rowReorderIcon: DragIndicator,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                rowReorderIcon: DragIndicator as any,
             }}
             sx={dataGridStyles}
             onRowOrderChange={({ targetIndex, row }) => {
diff --git a/packages/admin/cms-admin/src/builds/StartBuildsDialog.tsx b/packages/admin/cms-admin/src/builds/StartBuildsDialog.tsx
index 65e771bd5d8..2081369daa0 100644
--- a/packages/admin/cms-admin/src/builds/StartBuildsDialog.tsx
+++ b/packages/admin/cms-admin/src/builds/StartBuildsDialog.tsx
@@ -47,7 +47,10 @@ export function StartBuildsDialog(props: StartBuildsDialogProps) {
         refetchQueries: ["Builds"],
     });
 
-    const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
+    const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
+        type: "include",
+        ids: new Set([]),
+    });
 
     const rows = data?.buildTemplates ?? [];
 
@@ -84,6 +87,7 @@ export function StartBuildsDialog(props: StartBuildsDialogProps) {
                     onRowSelectionModelChange={(newSelectionModel) => {
                         setSelectionModel(newSelectionModel);
                     }}
+                    disableRowSelectionExcludeModel
                     rowSelectionModel={selectionModel}
                     paginationModel={{ page: 0, pageSize: 5 }}
                     hideFooterPagination={rows.length <= 5}
@@ -92,11 +96,11 @@ export function StartBuildsDialog(props: StartBuildsDialogProps) {
             <DialogActions>
                 <CancelButton onClick={() => onClose()} />
                 <Button
-                    disabled={loading || selectionModel.length < 1}
+                    disabled={loading || selectionModel.ids.size < 1}
                     startIcon={loading ? <CircularProgress size={20} /> : undefined}
                     onClick={async () => {
                         await startBuilds({
-                            variables: { input: { names: rows.filter((row) => selectionModel.includes(row.id)).map((row) => row.name) } },
+                            variables: { input: { names: rows.filter((row) => selectionModel.ids.has(row.id)).map((row) => row.name) } },
                         });
                         onClose();
                     }}
diff --git a/packages/admin/cms-admin/src/dam/DataGrid/FolderDataGrid.tsx b/packages/admin/cms-admin/src/dam/DataGrid/FolderDataGrid.tsx
index e2d4be98af0..680eab1e55a 100644
--- a/packages/admin/cms-admin/src/dam/DataGrid/FolderDataGrid.tsx
+++ b/packages/admin/cms-admin/src/dam/DataGrid/FolderDataGrid.tsx
@@ -369,7 +369,7 @@ const FolderDataGrid = ({
     const handleSelectionModelChange = (newSelectionModel: GridRowSelectionModel) => {
         const newMap: DamItemSelectionMap = new Map();
 
-        newSelectionModel.forEach((selectedId) => {
+        newSelectionModel.ids.forEach((selectedId) => {
             const typedId = selectedId as string;
 
             if (damSelectionActionsApi.selectionMap.has(typedId)) {
@@ -660,8 +660,9 @@ const FolderDataGrid = ({
                     getRowClassName={getRowClassName}
                     columns={dataGridColumns}
                     checkboxSelection={!hideMultiselect}
-                    rowSelectionModel={Array.from(damSelectionActionsApi.selectionMap.keys())}
+                    rowSelectionModel={{ type: "include", ids: new Set(damSelectionActionsApi.selectionMap.keys()) }}
                     onRowSelectionModelChange={handleSelectionModelChange}
+                    disableRowSelectionExcludeModel
                     initialState={{ columns: { columnVisibilityModel: { importSourceType: importSources !== undefined } } }}
                     columnVisibilityModel={{
                         contextMenu: !hideContextMenu,
@@ -678,6 +679,7 @@ const FolderDataGrid = ({
                             additionalToolbarItems: props.additionalToolbarItems,
                         } as FolderDataGridToolbarProps,
                     }}
+                    showToolbar
                 />
             </sc.FolderOuterHoverHighlight>
             <DamUploadFooter open={Boolean(uploadTargetFolderName)} folderName={uploadTargetFolderName} />
diff --git a/packages/admin/cms-admin/src/dam/blocks/DamFileDownloadLinkBlock.tsx b/packages/admin/cms-admin/src/dam/blocks/DamFileDownloadLinkBlock.tsx
index aafe093839c..6e14faa7257 100644
--- a/packages/admin/cms-admin/src/dam/blocks/DamFileDownloadLinkBlock.tsx
+++ b/packages/admin/cms-admin/src/dam/blocks/DamFileDownloadLinkBlock.tsx
@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 import { Field, FinalFormSelect } from "@comet/admin";
 import { Divider, MenuItem } from "@mui/material";
-import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { deepClone } from "@mui/x-data-grid/internals";
 import { FormattedMessage } from "react-intl";
 
 import { type DamFileDownloadLinkBlockData, type DamFileDownloadLinkBlockInput } from "../../blocks.generated";
diff --git a/packages/admin/cms-admin/src/dam/mediaAlternatives/MediaAlternativesGrid.tsx b/packages/admin/cms-admin/src/dam/mediaAlternatives/MediaAlternativesGrid.tsx
index 939b6cba8f9..c90903c4d32 100644
--- a/packages/admin/cms-admin/src/dam/mediaAlternatives/MediaAlternativesGrid.tsx
+++ b/packages/admin/cms-admin/src/dam/mediaAlternatives/MediaAlternativesGrid.tsx
@@ -6,6 +6,7 @@ import {
     FillSpace,
     GridCellContent,
     type GridColDef,
+    GridToolbarQuickFilter,
     messages,
     muiGridFilterToGql,
     muiGridSortToGql,
@@ -18,8 +19,7 @@ import {
 } from "@comet/admin";
 import { Add as AddIcon, Delete as DeleteIcon, Edit as EditIcon } from "@comet/admin-icons";
 import { DialogContent, IconButton } from "@mui/material";
-import { DataGrid, type GridSlotsComponent, GridToolbarQuickFilter } from "@mui/x-data-grid";
-import type { GridToolbarProps } from "@mui/x-data-grid/components/toolbar/GridToolbar";
+import { DataGrid, type GridSlotsComponent, type GridToolbarProps } from "@mui/x-data-grid";
 import { type ReactElement, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
@@ -202,6 +202,7 @@ export function MediaAlternativesGrid({ file, type, direction }: MediaAlternativ
                 slotProps={{
                     toolbar: { handleAdd: () => editDialogApi.openAddDialog(file.id) } as MediaAlternativesGridToolbarProps,
                 }}
+                showToolbar
             />
             <EditDialog>
                 {selection.id && selection.mode ? (
diff --git a/packages/admin/cms-admin/src/dependencies/DependenciesList.tsx b/packages/admin/cms-admin/src/dependencies/DependenciesList.tsx
index c250fa08d0e..83ae427da92 100644
--- a/packages/admin/cms-admin/src/dependencies/DependenciesList.tsx
+++ b/packages/admin/cms-admin/src/dependencies/DependenciesList.tsx
@@ -198,6 +198,7 @@ export const DependenciesList = ({ query, variables }: DependenciesListProps) =>
                 slotProps={{
                     toolbar: { refetch } as DependenciesListGridToolbarProps,
                 }}
+                showToolbar
             />
             <Alert
                 title={<FormattedMessage id="comet.dependencies.dependencies.info.title" defaultMessage="What are dependencies?" />}
diff --git a/packages/admin/cms-admin/src/dependencies/DependentsList.tsx b/packages/admin/cms-admin/src/dependencies/DependentsList.tsx
index e9a554d78fb..cdcee7c7186 100644
--- a/packages/admin/cms-admin/src/dependencies/DependentsList.tsx
+++ b/packages/admin/cms-admin/src/dependencies/DependentsList.tsx
@@ -198,6 +198,7 @@ export const DependentsList = ({ query, variables }: DependentsListProps) => {
                 slotProps={{
                     toolbar: { refetch } as DependentsListGridToolbarProps,
                 }}
+                showToolbar
             />
             <Alert
                 title={<FormattedMessage id="comet.dependencies.dependents.info.title" defaultMessage="What are dependents?" />}
diff --git a/packages/admin/cms-admin/src/redirects/RedirectsGrid.tsx b/packages/admin/cms-admin/src/redirects/RedirectsGrid.tsx
index ff01ec573df..a05b1af6693 100644
--- a/packages/admin/cms-admin/src/redirects/RedirectsGrid.tsx
+++ b/packages/admin/cms-admin/src/redirects/RedirectsGrid.tsx
@@ -6,6 +6,7 @@ import {
     FillSpace,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     LocalErrorScopeApolloContext,
     MainContent,
     muiGridFilterToGql,
@@ -20,7 +21,7 @@ import {
 import { Add as AddIcon, Delete as DeleteIcon, Edit } from "@comet/admin-icons";
 import { IconButton, Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { DataGrid, getGridSingleSelectOperators, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid, getGridSingleSelectOperators } from "@mui/x-data-grid";
 import type { JSX } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
@@ -191,6 +192,7 @@ export function RedirectsGrid({ linkBlock, scope }: Props): JSX.Element {
                 columns={columns}
                 loading={loading}
                 slots={{ toolbar: RedirectsGridToolbar }}
+                showToolbar
             />
         </MainContent>
     );
diff --git a/packages/admin/cms-admin/src/userPermissions/UserGrid.tsx b/packages/admin/cms-admin/src/userPermissions/UserGrid.tsx
index e98b48ee0b5..ea8ae1d6c78 100644
--- a/packages/admin/cms-admin/src/userPermissions/UserGrid.tsx
+++ b/packages/admin/cms-admin/src/userPermissions/UserGrid.tsx
@@ -5,6 +5,7 @@ import {
     FillSpace,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     muiGridFilterToGql,
     muiGridSortToGql,
     StackSwitchApiContext,
@@ -15,9 +16,7 @@ import {
 import { Edit } from "@comet/admin-icons";
 import { Chip, IconButton, Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { DataGrid, type GridRenderCellParams, GridToolbarQuickFilter } from "@mui/x-data-grid";
-import type { GridToolbarProps } from "@mui/x-data-grid/components/toolbar/GridToolbar";
-import { type GridSlotsComponent } from "@mui/x-data-grid/models/gridSlotsComponent";
+import { DataGrid, type GridRenderCellParams, type GridSlotsComponent, type GridToolbarProps } from "@mui/x-data-grid";
 import { type ReactNode, useContext, useMemo } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 
@@ -251,6 +250,7 @@ export const UserPermissionsUserGrid = ({ toolbarAction, rowAction, actionsColum
                     toolbarAction: toolbarAction,
                 } as UserPermissionsUserGridToolbarProps,
             }}
+            showToolbar
         />
     );
 };
diff --git a/packages/admin/cms-admin/src/userPermissions/user/permissions/ContentScopeGrid.tsx b/packages/admin/cms-admin/src/userPermissions/user/permissions/ContentScopeGrid.tsx
index 84b3779f462..b9ab4d939d9 100644
--- a/packages/admin/cms-admin/src/userPermissions/user/permissions/ContentScopeGrid.tsx
+++ b/packages/admin/cms-admin/src/userPermissions/user/permissions/ContentScopeGrid.tsx
@@ -96,6 +96,7 @@ export const ContentScopeGrid = ({ userId }: { userId: string }) => {
                 slotProps={{
                     toolbar: toolbarSlotProps,
                 }}
+                showToolbar
             />
             <SaveBoundary
                 onAfterSave={() => {
diff --git a/packages/admin/cms-admin/src/userPermissions/user/permissions/OverrideContentScopesDialog.tsx b/packages/admin/cms-admin/src/userPermissions/user/permissions/OverrideContentScopesDialog.tsx
index 2c0ff86bcb6..cc0c84a4c33 100644
--- a/packages/admin/cms-admin/src/userPermissions/user/permissions/OverrideContentScopesDialog.tsx
+++ b/packages/admin/cms-admin/src/userPermissions/user/permissions/OverrideContentScopesDialog.tsx
@@ -1,5 +1,15 @@
 import { gql, useApolloClient, useQuery } from "@apollo/client";
-import { CancelButton, DataGridToolbar, Field, FillSpace, FinalForm, FinalFormSwitch, type GridColDef, SaveButton } from "@comet/admin";
+import {
+    CancelButton,
+    DataGridToolbar,
+    Field,
+    FillSpace,
+    FinalForm,
+    FinalFormSwitch,
+    type GridColDef,
+    GridToolbarQuickFilter,
+    SaveButton,
+} from "@comet/admin";
 import {
     CircularProgress,
     // eslint-disable-next-line no-restricted-imports
@@ -8,7 +18,7 @@ import {
     DialogContent,
     DialogTitle,
 } from "@mui/material";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid } from "@mui/x-data-grid";
 import { FormattedMessage } from "react-intl";
 
 import { type ContentScope } from "../../../contentScope/Provider";
@@ -121,7 +131,7 @@ export const OverrideContentScopesDialog = ({ permissionId, userId, handleDialog
                                 disabled={disabled}
                             />
                             {values.overrideContentScopes && (
-                                <Field name="contentScopes" fullWidth>
+                                <Field<string[]> name="contentScopes" fullWidth>
                                     {(props) => {
                                         return (
                                             <DataGrid
@@ -137,14 +147,16 @@ export const OverrideContentScopesDialog = ({ permissionId, userId, handleDialog
                                                 getRowHeight={() => "auto"}
                                                 getRowId={(row) => JSON.stringify(row)}
                                                 checkboxSelection={!disabled}
-                                                rowSelectionModel={props.input.value}
+                                                rowSelectionModel={{ type: "include", ids: new Set(props.input.value) }}
                                                 onRowSelectionModelChange={(selectionModel) => {
-                                                    props.input.onChange(selectionModel.map((id) => String(id)));
+                                                    props.input.onChange(Array.from(selectionModel.ids).map((id) => String(id)));
                                                 }}
+                                                disableRowSelectionExcludeModel
                                                 slots={{
                                                     toolbar: OverrideContentScopesDialogGridToolbar,
                                                 }}
                                                 initialState={{ pagination: { paginationModel: { pageSize: 25 } } }}
+                                                showToolbar
                                             />
                                         );
                                     }}
diff --git a/packages/admin/cms-admin/src/userPermissions/user/permissions/PermissionGrid.tsx b/packages/admin/cms-admin/src/userPermissions/user/permissions/PermissionGrid.tsx
index 6bce3b11613..a7d1ef7f10b 100644
--- a/packages/admin/cms-admin/src/userPermissions/user/permissions/PermissionGrid.tsx
+++ b/packages/admin/cms-admin/src/userPermissions/user/permissions/PermissionGrid.tsx
@@ -200,6 +200,7 @@ export const PermissionGrid = ({ userId }: { userId: string }) => {
                 slotProps={{
                     toolbar: toolbarSlotProps,
                 }}
+                showToolbar
             />
             {overrideContentScopesId && (
                 <OverrideContentScopesDialog
diff --git a/packages/admin/cms-admin/src/userPermissions/user/permissions/selectScopesDialogContent/SelectScopesDialogContent.tsx b/packages/admin/cms-admin/src/userPermissions/user/permissions/selectScopesDialogContent/SelectScopesDialogContent.tsx
index 8865c4c6d8e..90e1877742c 100644
--- a/packages/admin/cms-admin/src/userPermissions/user/permissions/selectScopesDialogContent/SelectScopesDialogContent.tsx
+++ b/packages/admin/cms-admin/src/userPermissions/user/permissions/selectScopesDialogContent/SelectScopesDialogContent.tsx
@@ -1,6 +1,6 @@
 import { gql, useApolloClient, useQuery } from "@apollo/client";
-import { DataGridToolbar, Field, FillSpace, FinalForm, type GridColDef, Loading, useFormApiRef } from "@comet/admin";
-import { DataGrid, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGridToolbar, Field, FillSpace, FinalForm, type GridColDef, GridToolbarQuickFilter, Loading, useFormApiRef } from "@comet/admin";
+import { DataGrid } from "@mui/x-data-grid";
 import isEqual from "lodash.isequal";
 import { type FunctionComponent, type PropsWithChildren } from "react";
 
@@ -88,7 +88,7 @@ export const SelectScopesDialogContent: FunctionComponent<PropsWithChildren<Sele
                 contentScopes: userContentScopes.map((cs) => JSON.stringify(cs)),
             }}
         >
-            <Field name="contentScopes" fullWidth>
+            <Field<string[]> name="contentScopes" fullWidth>
                 {(props) => {
                     return (
                         <DataGrid
@@ -105,14 +105,16 @@ export const SelectScopesDialogContent: FunctionComponent<PropsWithChildren<Sele
                                 return !userContentScopesSkipManual.some((cs: ContentScope) => isEqual(cs, params.row));
                             }}
                             checkboxSelection
-                            rowSelectionModel={props.input.value}
+                            rowSelectionModel={{ type: "include", ids: new Set(props.input.value) }}
                             onRowSelectionModelChange={(selectionModel) => {
-                                props.input.onChange(selectionModel.map((id) => String(id)));
+                                props.input.onChange(Array.from(selectionModel.ids).map((id) => String(id)));
                             }}
+                            disableRowSelectionExcludeModel
                             slots={{
                                 toolbar: SelectScopesDialogContentGridToolbar,
                             }}
                             initialState={{ pagination: { paginationModel: { pageSize: 25 } } }}
+                            showToolbar
                         />
                     );
                 }}
diff --git a/packages/admin/cms-admin/src/warnings/WarningsGrid.tsx b/packages/admin/cms-admin/src/warnings/WarningsGrid.tsx
index 4615f87a6f8..fd1773436a9 100644
--- a/packages/admin/cms-admin/src/warnings/WarningsGrid.tsx
+++ b/packages/admin/cms-admin/src/warnings/WarningsGrid.tsx
@@ -5,6 +5,7 @@ import {
     GridCellContent,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     MainContent,
     messages,
     muiGridFilterToGql,
@@ -15,7 +16,7 @@ import {
     usePersistentColumnState,
 } from "@comet/admin";
 import { Chip } from "@mui/material";
-import { DataGrid, type GridFilterModel, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid, type GridFilterModel } from "@mui/x-data-grid";
 import { capitalCase } from "change-case";
 import isEqual from "lodash.isequal";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -236,6 +237,7 @@ export function WarningsGrid() {
                 slots={{
                     toolbar: WarningsGridToolbar,
                 }}
+                showToolbar
             />
         </MainContent>
     );
diff --git a/packages/eslint-config/react.js b/packages/eslint-config/react.js
index 8571d4200dc..43259c9ac6e 100644
--- a/packages/eslint-config/react.js
+++ b/packages/eslint-config/react.js
@@ -46,6 +46,21 @@ export const restrictedImportPaths = [
         importNames: ["GridColDef"],
         message: "Please use GridColDef from @comet/admin instead",
     },
+    {
+        name: "@mui/x-data-grid",
+        importNames: ["GridToolbarQuickFilter"],
+        message: "Please use GridToolbarQuickFilter from @comet/admin instead",
+    },
+    {
+        name: "@mui/x-data-grid-pro",
+        importNames: ["GridToolbarQuickFilter"],
+        message: "Please use GridToolbarQuickFilter from @comet/admin instead",
+    },
+    {
+        name: "@mui/x-data-grid-premium",
+        importNames: ["GridToolbarQuickFilter"],
+        message: "Please use GridToolbarQuickFilter from @comet/admin instead",
+    },
 ];
 
 /** @type {import('eslint')} */
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9bd919feae7..79f07f8621d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -96,11 +96,11 @@ importers:
         specifier: ^7.3.7
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-pro':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-date-pickers':
         specifier: ^7.29.4
         version: 7.29.4(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(date-fns@4.1.0)(dayjs@1.11.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -834,14 +834,14 @@ importers:
         specifier: ^7.3.7
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-premium':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-pro':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-date-pickers':
         specifier: ^7.29.4
         version: 7.29.4(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(date-fns@4.1.0)(dayjs@1.11.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -1151,8 +1151,8 @@ importers:
         specifier: ^7.3.7
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.8
-        version: 7.29.9(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       change-case:
         specifier: ^4.1.2
         version: 4.1.2
@@ -1449,11 +1449,11 @@ importers:
         specifier: ^7.3.5
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-pro':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-date-pickers':
         specifier: ^7.29.4
         version: 7.29.4(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(date-fns@4.1.0)(dayjs@1.11.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -1642,11 +1642,11 @@ importers:
         specifier: ^7.3.7
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-pro':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@testing-library/dom':
         specifier: ^10.4.1
         version: 10.4.1
@@ -2625,11 +2625,11 @@ importers:
         specifier: ^7.3.7
         version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/x-data-grid':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-data-grid-pro':
-        specifier: ^7.29.12
-        version: 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^8.27.5
+        version: 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/x-date-pickers':
         specifier: ^7.29.4
         version: 7.29.4(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(date-fns@4.1.0)(dayjs@1.11.13)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -5498,6 +5498,9 @@ packages:
     peerDependencies:
       commander: ^11.1.0
 
+  '@fingerprintjs/fingerprintjs@3.4.2':
+    resolution: {integrity: sha512-3Ncze6JsJpB7BpYhqIgvBpfvEX1jsEKrad5hQBpyRQxtoAp6hx3+R46zqfsuQG4D9egQZ+xftQ0u4LPFMB7Wmg==}
+
   '@fontsource-variable/roboto-flex@5.2.8':
     resolution: {integrity: sha512-Q9zbz+P2VrDeIxBu9YAIG+eYpLmQF5FIJEEwAWn8En9Lao1TOISnoYcywGV+jSv7LGsHEndCR8hveXPnvCBEQQ==}
 
@@ -6670,24 +6673,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@mui/x-data-grid-premium@7.29.12':
-    resolution: {integrity: sha512-tiNWWE5aTIYYdcoxUv8XQxo5MzzQwd61LxItVslMKYh42Wd00TD6UZVAk4KmSkqMjJ7W7VRx3YYbrbJtRHPKVQ==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      '@emotion/react': ^11.9.0
-      '@emotion/styled': ^11.8.1
-      '@mui/material': ^5.15.14 || ^6.0.0 || ^7.0.0
-      '@mui/system': ^5.15.14 || ^6.0.0 || ^7.0.0
-      react: ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/react':
-        optional: true
-      '@emotion/styled':
-        optional: true
-
-  '@mui/x-data-grid-pro@7.29.12':
-    resolution: {integrity: sha512-HoBaqJYqxaVZCkv3NK1qdca0Sv2er6L2Wrt51gyfMBBuM+liSpQ0L4HqX42bzIst+ScAoBpBAn6ILm9RQ0rqLw==}
+  '@mui/x-data-grid-premium@8.27.5':
+    resolution: {integrity: sha512-nQfMIlUa98KqpY1Y+Cl58TUpc9aE6r215io5Yt7AdP0FGxeKM5TPknHXfYLYbZQhBFxB+aSXW7gcRVw4pw0sCA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@emotion/react': ^11.9.0
@@ -6702,8 +6689,8 @@ packages:
       '@emotion/styled':
         optional: true
 
-  '@mui/x-data-grid@7.29.12':
-    resolution: {integrity: sha512-MaEC7ubr/je8jVWjdRU7LxBXAzlOZwFEdNdvlDUJIYkRa3TRCQ1HsY8Gd8Od0jnlnMYn9M4BrEfOrq9VRnt4bw==}
+  '@mui/x-data-grid-pro@8.27.5':
+    resolution: {integrity: sha512-7n+mfUbsACyEOkng2nsL5OLCMcgkXNljDeBXlTFK6MQpAwlSYJ/NJHoYsA+N6OlcxD5gFoXqIEmK1GJpDVa1pQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@emotion/react': ^11.9.0
@@ -6718,8 +6705,8 @@ packages:
       '@emotion/styled':
         optional: true
 
-  '@mui/x-data-grid@7.29.9':
-    resolution: {integrity: sha512-RfK7Fnuu4eyv/4eD3MEB1xxZsx0xRBsofb1kifghIjyQV1EKAeRcwvczyrzQggj7ZRT5AqkwCzhLsZDvE5O0nQ==}
+  '@mui/x-data-grid@8.27.5':
+    resolution: {integrity: sha512-jlm/ldbPtw3i0rQGXUSXPjNlvjaMz9PVYFHq7n2ZyR8kUDVAdPE1m5mP1k/wuwiAznR74drihKjx8AUgbRSdQQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@emotion/react': ^11.9.0
@@ -6808,18 +6795,45 @@ packages:
       moment-jalaali:
         optional: true
 
+  '@mui/x-internal-exceljs-fork@4.4.3':
+    resolution: {integrity: sha512-DxW22CIv5gZCcw+t8/yRrJfeYc3KRNM7eaNrpCOwCuaKaWzpHvxI7tFLFenz1eGAN0zRRBeBXXAlegxSU47ArQ==}
+    engines: {node: '>=8.3.0'}
+
   '@mui/x-internals@7.29.0':
     resolution: {integrity: sha512-+Gk6VTZIFD70XreWvdXBwKd8GZ2FlSCuecQFzm6znwqXg1ZsndavrhG9tkxpxo2fM1Zf7Tk8+HcOO0hCbhTQFA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  '@mui/x-internals@8.26.0':
+    resolution: {integrity: sha512-B9OZau5IQUvIxwpJZhoFJKqRpmWf5r0yMmSXjQuqb5WuqM755EuzWJOenY48denGoENzMLT8hQpA0hRTeU2IPA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+
   '@mui/x-license@7.29.1':
     resolution: {integrity: sha512-+6D4/2IVal8Gfzu7iZS0ZJgL5cMes0gES+uK9D8I4rlMjPQ779N/rXYMe42mGQZbZuRpoqwSq6VLQx3Gr3SkLQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  '@mui/x-license@8.26.0':
+    resolution: {integrity: sha512-TcYLQXVRSaKjm9zyAxW3bi/+sGR2afsc32oG9ufBBiuNMvRZDghUZj7cKrem4VEKpC4Afsw2du9euv88TVUE1w==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@mui/x-telemetry@8.20.0':
+    resolution: {integrity: sha512-lmtcx620eryHY4uvVSV8F1IC0h2O6VY4Zifkbtq1LFHz75hUvE3JrERhABlo5qfQhZJEZuMTTxC2NDVCcAUI7Q==}
+    engines: {node: '>=14.0.0'}
+
+  '@mui/x-virtualizer@0.3.3':
+    resolution: {integrity: sha512-6ugUh7UAhQYdgPgHLu181zqufh3Y8IqEU9Pe6Huzj0xkRi3NwMx/ZzvrHf2WazNOh2uLhQ5ZM2wFqDu3mxBWZA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+
   '@napi-rs/wasm-runtime@1.0.3':
     resolution: {integrity: sha512-rZxtMsLwjdXkMUGC3WwsPwLNVqVqnTJT6MNIB6e+5fhMcSCPP0AOsNWuMQ5mdCq6HNjs/ZeWAEchpqeprqBD2Q==}
 
@@ -9094,9 +9108,6 @@ packages:
   '@types/final-form-set-field-touched@1.0.3':
     resolution: {integrity: sha512-DGTG8zRa7Pb0xDC0uDqSgrmXo554rtJ2jxqNqXaPKh1niiAvVt3BZll//96igXWT29wqY3vspyhtZsJAWXPEPA==}
 
-  '@types/format-util@1.0.4':
-    resolution: {integrity: sha512-xrCYOdHh5zA3LUrn6CvspYwlzSWxPso11Lx32WnAG6KvLCRecKZ/Rh21PLXUkzUFsQmrGcx/traJAFjR6dVS5Q==}
-
   '@types/formidable@2.0.6':
     resolution: {integrity: sha512-L4HcrA05IgQyNYJj6kItuIkXrInJvsXTPC5B1i64FggWKKqSL+4hgt7asiSNva75AoLQjq29oPxFfU4GAQ6Z2w==}
 
@@ -9874,10 +9885,18 @@ packages:
     resolution: {integrity: sha512-KVgf4XQVrTjhyWmx6cte4RxonPLR9onExufI1jhvw/MQ4BB6IsZD5gT8Lq+u/+pRkWna/6JoHpiQioaqFP5Rzw==}
     engines: {node: '>= 10'}
 
+  archiver-utils@5.0.2:
+    resolution: {integrity: sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==}
+    engines: {node: '>= 14'}
+
   archiver@5.3.2:
     resolution: {integrity: sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw==}
     engines: {node: '>= 10'}
 
+  archiver@7.0.1:
+    resolution: {integrity: sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==}
+    engines: {node: '>= 14'}
+
   arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
 
@@ -9971,6 +9990,9 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
+  atomically@2.1.1:
+    resolution: {integrity: sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==}
+
   attr-accept@2.2.5:
     resolution: {integrity: sha512-0bDNnY/u6pPwHDMoF0FieU354oBi0a8rD9FcsLwzcGWbc8KS8KPIi7y+s13OlVY+gMWc/9xEMUgNE6Qm8ZllYQ==}
     engines: {node: '>=4'}
@@ -10209,6 +10231,10 @@ packages:
   buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
 
+  buffer-crc32@1.0.0:
+    resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
+    engines: {node: '>=8.0.0'}
+
   buffer-equal-constant-time@1.0.1:
     resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
 
@@ -10225,6 +10251,9 @@ packages:
   buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
 
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
   buffers@0.1.1:
     resolution: {integrity: sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ==}
     engines: {node: '>=0.2.0'}
@@ -10428,6 +10457,10 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
   cjs-module-lexer@1.4.3:
     resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
 
@@ -10654,6 +10687,10 @@ packages:
     resolution: {integrity: sha512-D3uMHtGc/fcO1Gt1/L7i1e33VOvD4A9hfQLP+6ewd+BvG/gQ84Yh4oftEhAdjSMgBgwGL+jsppT7JYNpo6MHHg==}
     engines: {node: '>= 10'}
 
+  compress-commons@6.0.2:
+    resolution: {integrity: sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==}
+    engines: {node: '>= 14'}
+
   compressible@2.0.18:
     resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
@@ -10675,6 +10712,10 @@ packages:
     resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
     engines: {'0': node >= 6.0}
 
+  conf@11.0.2:
+    resolution: {integrity: sha512-jjyhlQ0ew/iwmtwsS2RaB6s8DBifcE2GYBEaw2SJDUY/slJJbNfY4GlDVzOs/ff8cM/Wua5CikqXgbFl5eu85A==}
+    engines: {node: '>=14.16'}
+
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
@@ -10813,6 +10854,10 @@ packages:
     resolution: {integrity: sha512-NT7w2JVU7DFroFdYkeq8cywxrgjPHWkdX1wjpRQXPX5Asews3tA+Ght6lddQO5Mkumffp3X7GEqku3epj2toIw==}
     engines: {node: '>= 10'}
 
+  crc32-stream@6.0.0:
+    resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
+    engines: {node: '>= 14'}
+
   create-jest@29.7.0:
     resolution: {integrity: sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -11210,6 +11255,10 @@ packages:
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
+  debounce-fn@5.1.2:
+    resolution: {integrity: sha512-Sr4SdOZ4vw6eQDvPYNxHogvrxmCIld/VenC5JbNrFwMiwd7lY/Z18ZFfo+EWNG4DD9nFlAujWAo/wGuOPHmy5A==}
+    engines: {node: '>=12'}
+
   debounce@1.2.1:
     resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
 
@@ -11489,6 +11538,10 @@ packages:
     resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==}
     engines: {node: '>=10'}
 
+  dot-prop@7.2.0:
+    resolution: {integrity: sha512-Ol/IPXUARn9CSbkrdV4VJo7uCy1I3VuSiWCaFSg+8BdUOzF9n3jefIpcgAydvUZbTdEBZs2vEiTiS9m61ssiDA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   dotenv-cli@9.0.0:
     resolution: {integrity: sha512-NhGrQum/u1VTBxnSnlNwVkTP3gojYO8T6Fntyru93wbR1hPo8aFhDFJiBPmkT0771i7f5Rd7EQDaOreS8jY8gA==}
     hasBin: true
@@ -13187,6 +13240,11 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     hasBin: true
 
+  is-docker@4.0.0:
+    resolution: {integrity: sha512-LHE+wROyG/Y/0ZnbktRCoTix2c1RhgWaZraMZ8o1Q7zCh0VSrICJQO5oqIIISrcSBtrXv0o233w1IYwsWCjTzA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
     engines: {node: '>=0.10.0'}
@@ -13710,6 +13768,9 @@ packages:
   json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -14507,6 +14568,10 @@ packages:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
   mimic-function@5.0.1:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
@@ -14857,6 +14922,9 @@ packages:
   node-int64@0.4.0:
     resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
 
+  node-machine-id@1.1.12:
+    resolution: {integrity: sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==}
+
   node-releases@2.0.27:
     resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
@@ -15877,6 +15945,10 @@ packages:
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
   promise-coalesce@1.1.2:
     resolution: {integrity: sha512-zLaJ9b8hnC564fnJH6NFSOGZYYdzrAJn2JUUIwzoQb32fG2QAakpDNM+CZo1km6keXkRXRM+hml1BFAPVnPkxg==}
     engines: {node: '>=16'}
@@ -16203,6 +16275,10 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
+  readable-stream@4.7.0:
+    resolution: {integrity: sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
   readable-web-to-node-stream@3.0.2:
     resolution: {integrity: sha512-ePeK6cc1EcKLEhJFt/AebMCLL+GgSKhuygrZ/GLaKZYEecIgIECf4UaUuaByiGtzckwR4ain9VzUh95T1exYGw==}
     engines: {node: '>=8'}
@@ -17139,6 +17215,12 @@ packages:
     resolution: {integrity: sha512-mKX8HA/cdBqMKUr0MMZAFssCkIGoZeSCMXgnt79yKxNFguMLVFgRe6wB+fsL0NmoHDbeyZXczy7vEPSoo3rkzg==}
     engines: {node: '>=16'}
 
+  stubborn-fs@2.0.0:
+    resolution: {integrity: sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==}
+
+  stubborn-utils@1.0.2:
+    resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
+
   style-loader@3.3.4:
     resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
     engines: {node: '>= 12.13.0'}
@@ -17849,6 +17931,9 @@ packages:
   unzipper@0.10.11:
     resolution: {integrity: sha512-+BrAq2oFqWod5IESRjL3S8baohbevGcVA+teAIOYWM3pDVdseogqbzhhvvmiyQrUNKFUnDMtELW3X8ykbyDCJw==}
 
+  unzipper@0.12.1:
+    resolution: {integrity: sha512-wjYe5XddA387WIAZbEMWOT0U8kw9yf1MdfLHccJer1y7a80t3DqVv0SHOAWV5NDBD2TUPj/pFYmK9tCeY6l9UQ==}
+
   update-browserslist-db@1.1.4:
     resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
     hasBin: true
@@ -17920,6 +18005,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   usehooks-ts@3.1.1:
     resolution: {integrity: sha512-I4diPp9Cq6ieSUH2wu+fDAVQO43xwtulo+fKEidHUwZPnYImbtkTjzIJYcDcJqxgmX31GVqNFURodvcgHcW0pA==}
     engines: {node: '>=16.15.0'}
@@ -18295,6 +18385,9 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  when-exit@2.1.5:
+    resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -18525,6 +18618,10 @@ packages:
     resolution: {integrity: sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ==}
     engines: {node: '>= 10'}
 
+  zip-stream@6.0.1:
+    resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
+    engines: {node: '>= 14'}
+
   zod-validation-error@3.5.3:
     resolution: {integrity: sha512-OT5Y8lbUadqVZCsnyFaTQ4/O2mys4tj7PqhdbBCp7McPwvIEKfPtdA6QfPeFQK2/Rz5LgwmAXRJTugBNBi0btw==}
     engines: {node: '>=18.0.0'}
@@ -22549,6 +22646,10 @@ snapshots:
       commander: 11.1.0
       prettier: 3.6.2
 
+  '@fingerprintjs/fingerprintjs@3.4.2':
+    dependencies:
+      tslib: 2.8.1
+
   '@fontsource-variable/roboto-flex@5.2.8': {}
 
   '@formatjs/cli@6.7.4(@vue/compiler-core@3.5.15)':
@@ -24187,82 +24288,59 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.10
 
-  '@mui/x-data-grid-premium@7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@mui/x-data-grid-premium@8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@mui/material': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-data-grid': 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@mui/x-data-grid-pro': 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@mui/x-internals': 7.29.0(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-license': 7.29.1(@types/react@19.2.10)(react@19.2.4)
-      '@types/format-util': 1.0.4
+      '@mui/x-data-grid': 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@mui/x-data-grid-pro': 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@mui/x-internal-exceljs-fork': 4.4.3
+      '@mui/x-internals': 8.26.0(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-license': 8.26.0(@types/react@19.2.10)(react@19.2.4)
       clsx: 2.1.1
-      exceljs: 4.4.0
       prop-types: 15.8.1
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      reselect: 5.1.1
     optionalDependencies:
       '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.4)
       '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mui/x-data-grid-pro@7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@mui/x-data-grid-pro@8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@mui/material': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-data-grid': 7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@mui/x-internals': 7.29.0(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-license': 7.29.1(@types/react@19.2.10)(react@19.2.4)
-      '@types/format-util': 1.0.4
+      '@mui/x-data-grid': 8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@mui/x-internals': 8.26.0(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-license': 8.26.0(@types/react@19.2.10)(react@19.2.4)
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      reselect: 5.1.1
     optionalDependencies:
       '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.4)
       '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mui/x-data-grid@7.29.12(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@mui/x-data-grid@8.27.5(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@mui/material': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
       '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-internals': 7.29.0(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-internals': 8.26.0(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-virtualizer': 0.3.3(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      reselect: 5.1.1
-      use-sync-external-store: 1.5.0(react@19.2.4)
-    optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.4)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
-    transitivePeerDependencies:
-      - '@types/react'
-
-  '@mui/x-data-grid@7.29.9(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
-    dependencies:
-      '@babel/runtime': 7.28.4
-      '@mui/material': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
-      '@mui/utils': 7.3.5(@types/react@19.2.10)(react@19.2.4)
-      '@mui/x-internals': 7.29.0(@types/react@19.2.10)(react@19.2.4)
-      clsx: 2.1.1
-      prop-types: 15.8.1
-      react: 19.2.4
-      react-dom: 19.2.4(react@19.2.4)
-      reselect: 5.1.1
-      use-sync-external-store: 1.5.0(react@19.2.4)
+      use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
       '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.4)
       '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.4))(@types/react@19.2.10)(react@19.2.4)
@@ -24312,6 +24390,19 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  '@mui/x-internal-exceljs-fork@4.4.3':
+    dependencies:
+      '@types/node': 14.18.63
+      archiver: 7.0.1
+      dayjs: 1.11.13
+      fast-csv: 4.3.6
+      jszip: 3.10.1
+      readable-stream: 3.6.2
+      saxes: 5.0.1
+      tmp: 0.2.1
+      unzipper: 0.12.1
+      uuid: 8.3.2
+
   '@mui/x-internals@7.29.0(@types/react@19.2.10)(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
@@ -24320,6 +24411,16 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  '@mui/x-internals@8.26.0(@types/react@19.2.10)(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
+      react: 19.2.4
+      reselect: 5.1.1
+      use-sync-external-store: 1.6.0(react@19.2.4)
+    transitivePeerDependencies:
+      - '@types/react'
+
   '@mui/x-license@7.29.1(@types/react@19.2.10)(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
@@ -24329,6 +24430,35 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  '@mui/x-license@8.26.0(@types/react@19.2.10)(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-internals': 8.26.0(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-telemetry': 8.20.0
+      react: 19.2.4
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@mui/x-telemetry@8.20.0':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@fingerprintjs/fingerprintjs': 3.4.2
+      ci-info: 4.4.0
+      conf: 11.0.2
+      is-docker: 4.0.0
+      node-machine-id: 1.1.12
+
+  '@mui/x-virtualizer@0.3.3(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.4)
+      '@mui/x-internals': 8.26.0(@types/react@19.2.10)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+    transitivePeerDependencies:
+      - '@types/react'
+
   '@napi-rs/wasm-runtime@1.0.3':
     dependencies:
       '@emnapi/core': 1.5.0
@@ -27049,8 +27179,6 @@ snapshots:
     dependencies:
       final-form: 4.20.10
 
-  '@types/format-util@1.0.4': {}
-
   '@types/formidable@2.0.6':
     dependencies:
       '@types/node': 24.10.13
@@ -28004,6 +28132,16 @@ snapshots:
       normalize-path: 3.0.0
       readable-stream: 3.6.2
 
+  archiver-utils@5.0.2:
+    dependencies:
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      is-stream: 2.0.1
+      lazystream: 1.0.1
+      lodash: 4.17.21
+      normalize-path: 3.0.0
+      readable-stream: 4.7.0
+
   archiver@5.3.2:
     dependencies:
       archiver-utils: 2.1.0
@@ -28014,6 +28152,16 @@ snapshots:
       tar-stream: 2.2.0
       zip-stream: 4.1.1
 
+  archiver@7.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      async: 3.2.4
+      buffer-crc32: 1.0.0
+      readable-stream: 4.7.0
+      readdir-glob: 1.1.3
+      tar-stream: 3.1.7
+      zip-stream: 6.0.1
+
   arg@4.1.3: {}
 
   arg@5.0.2: {}
@@ -28129,6 +28277,11 @@ snapshots:
 
   asynckit@0.4.0: {}
 
+  atomically@2.1.1:
+    dependencies:
+      stubborn-fs: 2.0.0
+      when-exit: 2.1.5
+
   attr-accept@2.2.5: {}
 
   auto-bind@4.0.0: {}
@@ -28471,6 +28624,8 @@ snapshots:
 
   buffer-crc32@0.2.13: {}
 
+  buffer-crc32@1.0.0: {}
+
   buffer-equal-constant-time@1.0.1: {}
 
   buffer-from@1.1.2: {}
@@ -28487,6 +28642,11 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
+  buffer@6.0.3:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
   buffers@0.1.1: {}
 
   bundle-name@4.1.0:
@@ -28744,6 +28904,8 @@ snapshots:
 
   ci-info@3.9.0: {}
 
+  ci-info@4.4.0: {}
+
   cjs-module-lexer@1.4.3: {}
 
   class-transformer@0.5.1: {}
@@ -28940,6 +29102,14 @@ snapshots:
       normalize-path: 3.0.0
       readable-stream: 3.6.2
 
+  compress-commons@6.0.2:
+    dependencies:
+      crc-32: 1.2.2
+      crc32-stream: 6.0.0
+      is-stream: 2.0.1
+      normalize-path: 3.0.0
+      readable-stream: 4.7.0
+
   compressible@2.0.18:
     dependencies:
       mime-db: 1.54.0
@@ -28969,6 +29139,17 @@ snapshots:
       readable-stream: 3.6.2
       typedarray: 0.0.6
 
+  conf@11.0.2:
+    dependencies:
+      ajv: 8.17.1
+      ajv-formats: 2.1.1
+      atomically: 2.1.1
+      debounce-fn: 5.1.2
+      dot-prop: 7.2.0
+      env-paths: 3.0.0
+      json-schema-typed: 8.0.2
+      semver: 7.7.3
+
   confbox@0.1.8: {}
 
   confbox@0.2.2: {}
@@ -29104,6 +29285,11 @@ snapshots:
       crc-32: 1.2.2
       readable-stream: 3.6.2
 
+  crc32-stream@6.0.0:
+    dependencies:
+      crc-32: 1.2.2
+      readable-stream: 4.7.0
+
   create-jest@29.7.0(@types/node@24.10.13)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.15.3)(@types/node@24.10.13)(typescript@5.9.3)):
     dependencies:
       '@jest/types': 29.6.3
@@ -29627,6 +29813,10 @@ snapshots:
 
   de-indent@1.0.2: {}
 
+  debounce-fn@5.1.2:
+    dependencies:
+      mimic-fn: 4.0.0
+
   debounce@1.2.1: {}
 
   debug@2.6.9:
@@ -29856,6 +30046,10 @@ snapshots:
     dependencies:
       is-obj: 2.0.0
 
+  dot-prop@7.2.0:
+    dependencies:
+      type-fest: 2.19.0
+
   dotenv-cli@9.0.0:
     dependencies:
       cross-spawn: 7.0.6
@@ -32060,6 +32254,8 @@ snapshots:
 
   is-docker@3.0.0: {}
 
+  is-docker@4.0.0: {}
+
   is-extendable@0.1.1: {}
 
   is-extglob@2.1.1: {}
@@ -32746,6 +32942,8 @@ snapshots:
 
   json-schema-traverse@1.0.0: {}
 
+  json-schema-typed@8.0.2: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json-stable-stringify@1.3.0:
@@ -33851,6 +34049,8 @@ snapshots:
 
   mimic-fn@2.1.0: {}
 
+  mimic-fn@4.0.0: {}
+
   mimic-function@5.0.1: {}
 
   mimic-response@3.1.0: {}
@@ -34395,6 +34595,8 @@ snapshots:
 
   node-int64@0.4.0: {}
 
+  node-machine-id@1.1.12: {}
+
   node-releases@2.0.27: {}
 
   nodemailer@7.0.11: {}
@@ -35480,6 +35682,8 @@ snapshots:
 
   process-nextick-args@2.0.1: {}
 
+  process@0.11.10: {}
+
   promise-coalesce@1.1.2: {}
 
   promise@7.3.1:
@@ -35870,6 +36074,14 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
+  readable-stream@4.7.0:
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+
   readable-web-to-node-stream@3.0.2:
     dependencies:
       readable-stream: 3.6.2
@@ -37071,6 +37283,12 @@ snapshots:
       '@tokenizer/token': 0.3.0
       peek-readable: 5.4.2
 
+  stubborn-fs@2.0.0:
+    dependencies:
+      stubborn-utils: 1.0.2
+
+  stubborn-utils@1.0.2: {}
+
   style-loader@3.3.4(webpack@5.103.0):
     dependencies:
       webpack: 5.103.0
@@ -37839,6 +38057,14 @@ snapshots:
       readable-stream: 2.3.8
       setimmediate: 1.0.5
 
+  unzipper@0.12.1:
+    dependencies:
+      bluebird: 3.4.7
+      duplexer2: 0.1.4
+      fs-extra: 11.3.2
+      graceful-fs: 4.2.11
+      node-int64: 0.4.0
+
   update-browserslist-db@1.1.4(browserslist@4.28.0):
     dependencies:
       browserslist: 4.28.0
@@ -37914,6 +38140,10 @@ snapshots:
     dependencies:
       react: 19.2.4
 
+  use-sync-external-store@1.6.0(react@19.2.4):
+    dependencies:
+      react: 19.2.4
+
   usehooks-ts@3.1.1(react@19.2.4):
     dependencies:
       lodash.debounce: 4.0.8
@@ -38433,6 +38663,8 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  when-exit@2.1.5: {}
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -38685,6 +38917,12 @@ snapshots:
       compress-commons: 4.1.2
       readable-stream: 3.6.2
 
+  zip-stream@6.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      compress-commons: 6.0.2
+      readable-stream: 4.7.0
+
   zod-validation-error@3.5.3(zod@3.25.76):
     dependencies:
       zod: 3.25.76
diff --git a/storybook/package.json b/storybook/package.json
index ee09742e563..fa11f712608 100644
--- a/storybook/package.json
+++ b/storybook/package.json
@@ -29,8 +29,8 @@
         "@fontsource-variable/roboto-flex": "^5.2.8",
         "@mui/material": "^7.3.7",
         "@mui/system": "^7.3.7",
-        "@mui/x-data-grid": "^7.29.12",
-        "@mui/x-data-grid-pro": "^7.29.12",
+        "@mui/x-data-grid": "^8.27.5",
+        "@mui/x-data-grid-pro": "^8.27.5",
         "@mui/x-date-pickers": "^7.29.4",
         "@mui/x-date-pickers-pro": "^7.29.4",
         "@mui/x-license": "^7.29.1",
diff --git a/storybook/src/admin/edit-dialog/EditDialogInDataGrid.stories.tsx b/storybook/src/admin/edit-dialog/EditDialogInDataGrid.stories.tsx
index 19792d738e3..36689427d76 100644
--- a/storybook/src/admin/edit-dialog/EditDialogInDataGrid.stories.tsx
+++ b/storybook/src/admin/edit-dialog/EditDialogInDataGrid.stories.tsx
@@ -64,6 +64,7 @@ export const EditDialogInDataGrid = {
                             ),
                         } as ToolbarProps,
                     }}
+                    showToolbar
                 />
                 <EditDialog>
                     <DialogContent>
diff --git a/storybook/src/admin/edit-dialog/EditDialogInRouterTabs.stories.tsx b/storybook/src/admin/edit-dialog/EditDialogInRouterTabs.stories.tsx
index a24fcf5fa5f..f5de946e7e7 100644
--- a/storybook/src/admin/edit-dialog/EditDialogInRouterTabs.stories.tsx
+++ b/storybook/src/admin/edit-dialog/EditDialogInRouterTabs.stories.tsx
@@ -110,6 +110,7 @@ export const EditDialogInRouterTabs = {
                                     ),
                                 } as ToolbarProps,
                             }}
+                            showToolbar
                         />
                     </MainContent>
                 </RouterTab>
diff --git a/storybook/src/admin/edit-dialog/EditDialogInRouterTabsWithinStack.stories.tsx b/storybook/src/admin/edit-dialog/EditDialogInRouterTabsWithinStack.stories.tsx
index ab6b3f53481..4f1708d8a55 100644
--- a/storybook/src/admin/edit-dialog/EditDialogInRouterTabsWithinStack.stories.tsx
+++ b/storybook/src/admin/edit-dialog/EditDialogInRouterTabsWithinStack.stories.tsx
@@ -218,6 +218,7 @@ export const ProductDetailsPage = ({ productId }: ProductDetailsProps) => {
                                         ),
                                     } as ToolbarProps,
                                 }}
+                                showToolbar
                             />
                         </MainContent>
                     </StackPage>
@@ -297,6 +298,7 @@ export const EditDialogInRouterTabsWithinStack = {
                                             ),
                                         } as ToolbarProps,
                                     }}
+                                    showToolbar
                                 />
                             </MainContent>
                         </StackPage>
@@ -319,7 +321,6 @@ export const EditDialogInRouterTabsWithinStack = {
                         </StackPage>
                     </StackSwitch>
                 </Stack>
-
                 <AddProductDialog dialogApiRef={editDialogApi} />
             </>
         );
diff --git a/storybook/src/admin/mui/DataGrid.stories.tsx b/storybook/src/admin/mui/DataGrid.stories.tsx
index 1571413dbeb..9e0b3e71630 100644
--- a/storybook/src/admin/mui/DataGrid.stories.tsx
+++ b/storybook/src/admin/mui/DataGrid.stories.tsx
@@ -44,6 +44,7 @@ export const Default = {
                     slots={{
                         toolbar: ToolbarForGrid,
                     }}
+                    showToolbar
                 />
             </Box>
         );
diff --git a/storybook/src/admin/mui/DataGridSingleSelectFilter.stories.tsx b/storybook/src/admin/mui/DataGridSingleSelectFilter.stories.tsx
index 6967db60ba4..624e91fcc0a 100644
--- a/storybook/src/admin/mui/DataGridSingleSelectFilter.stories.tsx
+++ b/storybook/src/admin/mui/DataGridSingleSelectFilter.stories.tsx
@@ -67,6 +67,7 @@ export const BasicSingleSelect = {
                                 },
                             },
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -123,6 +124,7 @@ export const WithCustomLabels = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -177,6 +179,7 @@ export const WithLongLabels = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -234,6 +237,7 @@ export const WithManyOptions = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -291,6 +295,7 @@ export const WithCustomCellContent = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -357,6 +362,7 @@ export const MultipleSingleSelectColumns = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
@@ -435,6 +441,7 @@ export const DifferentDensityModes = {
                                 </DataGridToolbar>
                             ),
                         }}
+                        showToolbar
                     />
                 </Box>
             </Box>
diff --git a/storybook/src/admin/toolbar/DataGridToolbar.stories.tsx b/storybook/src/admin/toolbar/DataGridToolbar.stories.tsx
index abf2b465dfe..2623fdd8161 100644
--- a/storybook/src/admin/toolbar/DataGridToolbar.stories.tsx
+++ b/storybook/src/admin/toolbar/DataGridToolbar.stories.tsx
@@ -4,12 +4,13 @@ import {
     FillSpace,
     GridColumnsButton,
     GridFilterButton,
+    GridToolbarQuickFilter,
     StackLink,
     useDataGridRemote,
     usePersistentColumnState,
 } from "@comet/admin";
 import { Add as AddIcon } from "@comet/admin-icons";
-import { DataGrid as DataGridCommunity, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid as DataGridCommunity } from "@mui/x-data-grid";
 import { DataGridPro } from "@mui/x-data-grid-pro";
 
 import { storyRouterDecorator } from "../../story-router.decorator";
@@ -69,6 +70,7 @@ export const _DataGridToolbar = {
                 slots={{
                     toolbar: Toolbar,
                 }}
+                showToolbar
             />
         );
     },
diff --git a/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx b/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx
index 591bdfda06a..ec9f95918f9 100644
--- a/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx
+++ b/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx
@@ -9,6 +9,7 @@ import {
     FullHeightContent,
     type GridColDef,
     GridFilterButton,
+    GridToolbarQuickFilter,
     HelpDialogButton,
     Loading,
     RouterTab,
@@ -30,7 +31,7 @@ import {
 } from "@comet/admin";
 import { Add, Edit, Html, Select as SelectIcon } from "@comet/admin-icons";
 import { Box, DialogContent, IconButton, Typography } from "@mui/material";
-import { DataGrid, type GridRowSelectionModel, GridToolbarQuickFilter } from "@mui/x-data-grid";
+import { DataGrid, type GridRowSelectionModel } from "@mui/x-data-grid";
 import { useEffect, useState } from "react";
 import { FormattedMessage } from "react-intl";
 
@@ -331,7 +332,7 @@ export const SingleGridFullHeight = {
                     <ToolbarAutomaticTitleItem />
                 </StackToolbar>
                 <StackMainContent fullHeight>
-                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} />
+                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
                 </StackMainContent>
             </>
         );
@@ -363,7 +364,7 @@ export const SingleGridAutoHeight = {
                     <ToolbarAutomaticTitleItem />
                 </StackToolbar>
                 <StackMainContent>
-                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} autoHeight />
+                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} autoHeight showToolbar />
                 </StackMainContent>
             </>
         );
@@ -433,7 +434,7 @@ export const GridWithFormInADialog = {
                     <ToolbarAutomaticTitleItem />
                 </StackToolbar>
                 <StackMainContent fullHeight>
-                    <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} />
+                    <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
                 </StackMainContent>
                 <EditDialog title={mode === "add" ? "Add new item" : `${rows.find((row) => row.id === selectedId)?.title}`}>
                     <DialogContent>
@@ -519,7 +520,7 @@ export const GridWithFormOnAPage = {
                         <ToolbarAutomaticTitleItem />
                     </StackToolbar>
                     <StackMainContent fullHeight>
-                        <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} />
+                        <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
                     </StackMainContent>
                 </StackPage>
                 <StackPage name="add">
@@ -631,7 +632,7 @@ export const NestedGridsAndFormsWithTabs = {
                         <ToolbarAutomaticTitleItem />
                     </StackToolbar>
                     <StackMainContent fullHeight>
-                        <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} />
+                        <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
                     </StackMainContent>
                     <EditDialog title="Add new item">
                         <DialogContent>
@@ -743,7 +744,7 @@ export const NestedFormInGridInTabsInGrid = {
                             <ToolbarAutomaticTitleItem />
                         </StackToolbar>
                         <StackMainContent fullHeight>
-                            <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} />
+                            <DataGrid rows={rows} columns={columns} loading={loading} slots={{ toolbar: GridToolbar }} showToolbar />
                         </StackMainContent>
                     </StackPage>
                     <StackPage name="edit">
@@ -802,7 +803,10 @@ export const NestedFormInGridInTabsInGrid = {
 
 export const GridWithSelectionAndMoreActionsMenu = {
     render: () => {
-        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
+        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
+            type: "include",
+            ids: new Set([]),
+        });
         const { rows, loading } = useData();
 
         const GridToolbar = () => {
@@ -813,7 +817,7 @@ export const GridWithSelectionAndMoreActionsMenu = {
                     <FillSpace />
                     <CrudMoreActionsMenu
                         slotProps={{ button: { responsive: true } }}
-                        selectionSize={selectionModel.length}
+                        selectionSize={selectionModel.ids.size}
                         overallActions={[
                             {
                                 label: "Log all items to the console",
@@ -860,6 +864,8 @@ export const GridWithSelectionAndMoreActionsMenu = {
                         checkboxSelection
                         rowSelectionModel={selectionModel}
                         onRowSelectionModelChange={setSelectionModel}
+                        disableRowSelectionExcludeModel
+                        showToolbar
                     />
                 </StackMainContent>
             </>
@@ -869,7 +875,10 @@ export const GridWithSelectionAndMoreActionsMenu = {
 
 export const GridWithSelectionInDialog = {
     render: () => {
-        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
+        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
+            type: "include",
+            ids: new Set([]),
+        });
         const { rows, loading } = useData();
 
         const [EditDialog, , editDialogApi] = useEditDialog();
@@ -901,13 +910,13 @@ export const GridWithSelectionInDialog = {
                     </ToolbarActions>
                 </StackToolbar>
                 <StackMainContent>
-                    {selectionModel.length > 0 ? (
+                    {selectionModel.ids.size > 0 ? (
                         <>
                             <Typography variant="h4" gutterBottom>
                                 Selected items
                             </Typography>
 
-                            {selectionModel.map((id) => {
+                            {Array.from(selectionModel.ids).map((id) => {
                                 const row = rows.find((row) => row.id === id);
 
                                 return (
@@ -932,6 +941,8 @@ export const GridWithSelectionInDialog = {
                         checkboxSelection
                         rowSelectionModel={selectionModel}
                         onRowSelectionModelChange={setSelectionModel}
+                        disableRowSelectionExcludeModel
+                        showToolbar
                     />
                 </EditDialog>
             </>
@@ -976,7 +987,7 @@ export const PageWithHelpInToolbarModal = {
                     <ToolbarAutomaticTitleItem />´
                 </StackToolbar>
                 <StackMainContent>
-                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} autoHeight />
+                    <DataGrid columns={columns} rows={rows} loading={loading} slots={{ toolbar: GridToolbar }} autoHeight showToolbar />
                 </StackMainContent>
             </>
         );
diff --git a/storybook/src/docs/components/DataGrid/DataGrid.stories.tsx b/storybook/src/docs/components/DataGrid/DataGrid.stories.tsx
index bccc884fd7b..5cc80a9f783 100644
--- a/storybook/src/docs/components/DataGrid/DataGrid.stories.tsx
+++ b/storybook/src/docs/components/DataGrid/DataGrid.stories.tsx
@@ -309,6 +309,7 @@ export const _GridFilterButton = {
                     slots={{
                         toolbar: DemoToolbar,
                     }}
+                    showToolbar
                 />
             </Box>
         );
@@ -499,6 +500,7 @@ export const UseDataGridExcelExport = {
                     slots={{
                         toolbar: DemoToolbar,
                     }}
+                    showToolbar
                 />
             </Box>
         );
@@ -575,7 +577,10 @@ export const GridColumnTypes = {
 
 export const _CrudMoreActionsMenu = {
     render: () => {
-        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>([]);
+        const [selectionModel, setSelectionModel] = useState<GridRowSelectionModel>({
+            type: "include",
+            ids: new Set([]),
+        });
         const dataGridProps = useDataGridRemote();
 
         function DemoToolBar() {
@@ -583,7 +588,7 @@ export const _CrudMoreActionsMenu = {
                 <DataGridToolbar>
                     <FillSpace />
                     <CrudMoreActionsMenu
-                        selectionSize={selectionModel.length}
+                        selectionSize={selectionModel.ids.size}
                         overallActions={[
                             {
                                 label: "Export to excel",
@@ -625,9 +630,11 @@ export const _CrudMoreActionsMenu = {
                         setSelectionModel(newSelectionModel);
                     }}
                     rowSelectionModel={selectionModel}
+                    disableRowSelectionExcludeModel
                     slots={{
                         toolbar: DemoToolBar,
                     }}
+                    showToolbar
                 />
             </Box>
         );