fix: resolve ESLint errors - remove unused imports and variables

- Remove unused type imports (SeriesColumn, ParquetDataRow)
- Fix unused error parameters in catch blocks
- Comment out unused columnNames variable
- Fix React Hook ordering in data-recharts.tsx (move useEffect before early return)
- Remove unused useRouter and useSearchParams imports
- Fix groupRowBySuffix return type to ensure timestamp is always a number

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

.claude/settings.local.json

@@ -0,0 +1,19 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(gh pr create:*)",
+      "Bash(git add:*)",
+      "Bash(git commit -m \"$\\(cat <<''EOF''\nchore: simplify Dockerfile by removing unnecessary dependencies\n\nRemove apt packages that aren''t needed for running Next.js:\n- Graphics libraries \\(libgl1, libegl\\) - not needed for web apps\n- Build tools \\(build-essential, cmake\\) - app is pre-built\n- ffmpeg - videos are served client-side, no server processing\n- git, wget - files copied directly in build\n\nThe bun base image has everything needed to run the Next.js app.\n\nCo-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
+      "Bash(git push:*)",
+      "Bash(gh api:*)",
+      "WebFetch(domain:raw.githubusercontent.com)",
+      "Bash(curl:*)",
+      "Bash(git checkout:*)",
+      "Bash(git commit:*)",
+      "Bash(bun run type-check:*)",
+      "Bash(npx tsc:*)",
+      "Bash(/Users/mishig/.bun/bin/bun run build:*)",
+      "Bash(gh run view:*)"
+    ]
+  }
+}

src/app/[org]/[dataset]/[episode]/fetch-data.ts

@@ -14,8 +14,6 @@ import type {
   VideoInfo,
   AdjacentEpisodeVideos,
   ChartDataGroup,
-  SeriesColumn,
-  ParquetDataRow,
 } from "@/types";
 
 const SERIES_NAME_DELIMITER = " | ";
@@ -218,7 +216,7 @@ async function getEpisodeDataV2(
   // Load data first
   try {
     allData = await readParquetAsObjects(arrayBuffer, []);
-  } catch (error) {
+  } catch {
     // Could not read parquet data
   }
 
@@ -287,7 +285,7 @@ async function getEpisodeDataV2(
           }
         }
       }
-    } catch (error) {
+    } catch {
       // No tasks metadata file for this v2.x dataset
     }
   }
@@ -646,7 +644,7 @@ async function loadEpisodeDataV3(
             }
           }
         }
-      } catch (error) {
+      } catch {
         // Could not load tasks metadata - dataset might not have language tasks
       }
     }
@@ -663,15 +661,15 @@ function processEpisodeDataForCharts(
   info: DatasetMetadata,
   episodeMetadata?: EpisodeMetadataV3,
 ): { chartDataGroups: ChartDataGroup[]; ignoredColumns: string[] } {
-  
-  // Get numeric column features
-  const columnNames = Object.entries(info.features)
-    .filter(
-      ([, value]) =>
-        ["float32", "int32"].includes(value.dtype) &&
-        value.shape.length === 1,
-    )
-    .map(([key, value]) => ({ key, value }));
+
+  // Get numeric column features (not currently used but kept for reference)
+  // const columnNames = Object.entries(info.features)
+  //   .filter(
+  //     ([, value]) =>
+  //       ["float32", "int32"].includes(value.dtype) &&
+  //       value.shape.length === 1,
+  //   )
+  //   .map(([key, value]) => ({ key, value }));
 
   // Convert parquet data to chart format
   let seriesNames: string[] = [];
@@ -916,12 +914,16 @@ function processEpisodeDataForCharts(
     });
 
   // Utility function to group row keys by suffix (same as V2.1)
-  function groupRowBySuffix(row: Record<string, number>): Record<string, any> {
-    const result: Record<string, any> = {};
+  function groupRowBySuffix(
+    row: Record<string, number>,
+  ): { timestamp: number; [key: string]: number | Record<string, number> } {
+    const result: { timestamp: number; [key: string]: number | Record<string, number> } = {
+      timestamp: 0,
+    };
     const suffixGroups: Record<string, Record<string, number>> = {};
     for (const [key, value] of Object.entries(row)) {
       if (key === "timestamp") {
-        result["timestamp"] = value;
+        result.timestamp = value;
         continue;
       }
       const parts = key.split(SERIES_NAME_DELIMITER);
@@ -1061,7 +1063,7 @@ async function loadEpisodeMetadataV3Simple(
         // Not in this file, try the next one
         fileIndex++;
       }
-    } catch (error) {
+    } catch {
       // File doesn't exist - episode not found
       throw new Error(`Episode ${episodeId} not found in metadata (searched up to file-${fileIndex.toString().padStart(3, "0")}.parquet)`);
     }

src/app/explore/explore-grid.tsx

@@ -2,8 +2,6 @@
 
 import React, { useEffect, useRef } from "react";
 import Link from "next/link";
-
-import { useRouter, useSearchParams } from "next/navigation";
 import { postParentMessageWithParams } from "@/utils/postParentMessage";
 
 type ExploreGridProps = {

src/components/data-recharts.tsx

@@ -28,14 +28,14 @@ export const DataRecharts = React.memo(
     // Shared hoveredTime for all graphs
     const [hoveredTime, setHoveredTime] = useState<number | null>(null);
 
-    if (!Array.isArray(data) || data.length === 0) return null;
-
     useEffect(() => {
       if (typeof onChartsReady === "function") {
         onChartsReady();
       }
     }, [onChartsReady]);
 
+    if (!Array.isArray(data) || data.length === 0) return null;
+
     return (
       <div className="grid md:grid-cols-2 grid-cols-1 gap-4">
         {data.map((group, idx) => (