Reset state on tab change

frontend/src/components/Examples.tsx

@@ -39,6 +39,11 @@ const Examples = ({ fileType }: ExamplesProps) => {
 
   useEffect(() => {
     descriptions.current.load().then(() => setDescriptionsLoaded(true))
+    // Reset selectors and error when fileType changes
+    setSelectedModel(null)
+    setSelectedAttack(null)
+    setExamples({})
+    setError(null)
     // Fetch datasets when component loads
     API.fetchDatasets().then((datasetsData) => {
       setDatasets(datasetsData)
@@ -90,6 +95,9 @@ const Examples = ({ fileType }: ExamplesProps) => {
 
     setLoading(true)
     setError(null)
+    // Reset selectors when selectedDataset changes
+    setSelectedModel(null)
+    setSelectedAttack(null)
     API.fetchExamplesByType(fileType, selectedDataset)
       .then((data) => {
         setExamples(data)

frontend/src/components/LeaderboardChart.tsx

@@ -162,6 +162,9 @@ const LeaderboardChart = ({ dataset, selectedModels, datasetType }: LeaderboardC
 
   useEffect(() => {
     setLoading(true)
+    // Reset selectors when dataset changes
+    setSelectedMetric(null)
+    setSelectedAttack(null)
     API.fetchStaticFile(`data/${dataset}?dataset_type=attacks_variations`)
       .then((response) => {
         const data = JSON.parse(response)

frontend/src/components/LeaderboardPage.tsx

@@ -22,6 +22,9 @@ const LeaderboardPage: React.FC<LeaderboardPageProps> = ({ datasetType }) => {
   // Fetch dataset names from backend on mount or when datasetType changes
   useEffect(() => {
     setLoading(true)
+    // Reset selectors when datasetType changes
+    setSelectedModels(new Set())
+    setBenchmarkData(null)
     API.fetchDatasets()
       .then((grouped) => {
         const filtered = grouped[datasetType] || []