Merge pull request #2430 from Agenta-AI/Issue-2418/-Evaluation-result…

…s-cannot-be-downloaded-as-csv

(frontend)[Issue 2418]: Evaluation results cannot be downloaded as CSV

agenta-web/package.json

@@ -22,12 +22,13 @@
         "prepare": "cd .. && husky && if [ \"$FEATURE_FLAG\" = \"cloud-dev\" ]; then cd .. && husky; fi || true"
     },
     "dependencies": {
-        "@ant-design/cssinjs": "^1.21.1",
+        "@ag-grid-community/client-side-row-model": "^31.3.4",
         "@ag-grid-community/core": "^31.3.4",
+        "@ag-grid-community/csv-export": "^31.3.4",
         "@ag-grid-community/react": "^31.3.4",
-        "@ag-grid-community/client-side-row-model": "^31.3.4",
         "@ag-grid-community/styles": "^31.3.4",
         "@ant-design/colors": "^7.0.0",
+        "@ant-design/cssinjs": "^1.21.1",
         "@ant-design/icons": "^5.3.7",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",

agenta-web/src/lib/helpers/agGrid.tsx

@@ -1,4 +1,4 @@
-import type {SetStateAction, ComponentProps, LegacyRef} from "react"
+import type {LegacyRef} from "react"
 import dynamic from "next/dynamic"
 import {type AgGridReact as AgGridReactType, AgGridReactProps} from "@ag-grid-community/react"
 
@@ -13,10 +13,14 @@ const AgGridReact = dynamic(
         const ClientSideRowModelModule = await import(
             "@ag-grid-community/client-side-row-model"
         ).then((module) => module.ClientSideRowModelModule)
+        const CsvExportModule = await import("@ag-grid-community/csv-export").then(
+            (module) => module.CsvExportModule,
+        )
         const ModuleRegistry = await import("@ag-grid-community/core").then(
             (module) => module.ModuleRegistry,
         )
         ModuleRegistry.registerModules([ClientSideRowModelModule])
+        ModuleRegistry.registerModules([CsvExportModule])
 
         const AgGridReact = await import("@ag-grid-community/react").then((mod) => mod.AgGridReact)