+ {/* Search and Filters */}
+
+
+
+ setSearchQuery(e.target.value)}
+ className="pl-10 h-12 text-base"
+ />
+
+
+ {/* --- Actions bar (Share + Export + Toggle Plots) — right under search --- */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {categories.map((category) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+ {tasks.map((task) => (
+ toggleTask(task)}>
+ {task}
+
+ ))}
+
+
+
+ {selectedTasks.length > 0 && (
+
+ {selectedTasks.map((task) => (
+
+ {task}
+
+
+ ))}
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ {dataTypes.map((dataType) => (
+ toggleDataType(dataType)}>
+ {dataType}
+
+ ))}
+
+
+
+ {selectedDataTypes.length > 0 && (
+
+ {selectedDataTypes.map((dataType) => (
+
+ {dataType}
+
+
+ ))}
+
+
+ )}
+
+
+
+
+
+
+ {/* Statistics Charts */}
+ {!loading && datasets.length > 0 && showPlots && (
+
+ )}
+
+ {/* Results Count */}
+
+
+ Showing {filteredDatasets.length} of{" "}
+ {datasets.length} datasets
+
+
+
+ {/* Dataset Grid */}
+ {loading ? (
+
+ ) : filteredDatasets.length === 0 ? (
+
+
No datasets found matching your criteria.
+
+ ) : (
+
+ {filteredDatasets.map((dataset, index) => {
+ const categoryColors = getCategoryColor(dataset.Category)
+ const dataTypeColors = getDataTypeColor(dataset.Data_Type)
+ return (
+
setSelectedDataset(dataset)}>
+
+
+ {dataset.Category && (
+
+ {dataset.Category}
+
+ )}
+ {dataset.Data_Type && (
+
+ {dataset.Data_Type}
+
+ )}
+ {dataset.Availability && (
+
+ {dataset.Availability}
+
+ )}
+
+ {dataset.Name}
+ {dataset.Task && (
+
+ Task: {dataset.Task}
+
+ )}
+
+
+
+ {dataset.Description}
+
+
+
+ {dataset.Source && (
+
+ )}
+
+ {dataset["Paper link"] && (
+
+ )}
+ {dataset.Contact && (
+
+ )}
+
+ )
+ })}
+
+ )}
+