refactor: align types with merged PRs #23 and #24

- Remove duplicate VideoInfo and AdjacentEpisodeVideos types from
fetch-data.ts; import from @/types instead
- Update videos-player and simple-videos-player to import VideoInfo
from @/types instead of fetch-data
- Replace manual Number() BigInt conversions with bigIntToNumber()
from @/utils/typeGuards for consistency
- Replace magic-string SERIES_DELIM in urdf-viewer with
CHART_CONFIG.SERIES_NAME_DELIMITER from @/utils/constants

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

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

@@ -17,18 +17,10 @@ import {
   buildV3EpisodesMetadataPath,
 } from "@/utils/stringFormatting";
 import { bigIntToNumber } from "@/utils/typeGuards";
+import type { VideoInfo, AdjacentEpisodeVideos } from "@/types";
 
 const SERIES_NAME_DELIMITER = CHART_CONFIG.SERIES_NAME_DELIMITER;
 
-export type VideoInfo = {
-  filename: string;
-  url: string;
-  isSegmented?: boolean;
-  segmentStart?: number;
-  segmentEnd?: number;
-  segmentDuration?: number;
-};
-
 export type CameraInfo = { name: string; width: number; height: number };
 
 export type DatasetDisplayInfo = {
@@ -110,11 +102,6 @@ type ColumnDef = {
   value: string[];
 };
 
-type AdjacentEpisodeVideos = {
-  episodeId: number;
-  videosInfo: VideoInfo[];
-};
-
 export async function getEpisodeData(
   org: string,
   dataset: string,
@@ -517,9 +504,8 @@ async function loadEpisodeDataV3(
     const fullData = await readParquetAsObjects(arrayBuffer, []);
     
     // Extract the episode-specific data slice
-    // Convert BigInt to number if needed
-    const fromIndex = Number(episodeMetadata.dataset_from_index || 0);
-    const toIndex = Number(episodeMetadata.dataset_to_index || fullData.length);
+    const fromIndex = bigIntToNumber(episodeMetadata.dataset_from_index, 0);
+    const toIndex = bigIntToNumber(episodeMetadata.dataset_to_index, fullData.length);
     
     // Find the starting index of this parquet file by checking the first row's index
     // This handles the case where episodes are split across multiple parquet files
@@ -580,11 +566,9 @@ async function loadEpisodeDataV3(
         const tasksData = await readParquetAsObjects(tasksArrayBuffer, []);
         
         if (tasksData.length > 0) {
-          const taskIndex = episodeData[0].task_index;
-          const taskIndexNum = typeof taskIndex === 'bigint' ? Number(taskIndex) : 
-                               typeof taskIndex === 'number' ? taskIndex : undefined;
-          
-          if (taskIndexNum !== undefined && taskIndexNum < tasksData.length) {
+          const taskIndexNum = bigIntToNumber(episodeData[0].task_index, -1);
+
+          if (taskIndexNum >= 0 && taskIndexNum < tasksData.length) {
             const taskData = tasksData[taskIndexNum];
             const rawTask = taskData.__index_level_0__ ?? taskData.task;
             task = typeof rawTask === 'string' ? rawTask : undefined;

src/components/simple-videos-player.tsx

@@ -3,7 +3,7 @@
 import React, { useEffect, useRef } from "react";
 import { useTime } from "../context/time-context";
 import { FaExpand, FaCompress, FaTimes, FaEye } from "react-icons/fa";
-import type { VideoInfo } from "@/app/[org]/[dataset]/[episode]/fetch-data";
+import type { VideoInfo } from "@/types";
 
 const THRESHOLDS = {
   VIDEO_SYNC_TOLERANCE: 0.2,

src/components/urdf-viewer.tsx

@@ -13,9 +13,9 @@ import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
 import { LineGeometry } from "three/examples/jsm/lines/LineGeometry.js";
 import type { EpisodeData } from "@/app/[org]/[dataset]/[episode]/fetch-data";
 import { fetchEpisodeChartData } from "@/app/[org]/[dataset]/[episode]/actions";
+import { CHART_CONFIG } from "@/utils/constants";
 
-
-const SERIES_DELIM = " | ";
+const SERIES_DELIM = CHART_CONFIG.SERIES_NAME_DELIMITER;
 const DEG2RAD = Math.PI / 180;
 
 function getRobotConfig(robotType: string | null) {

src/components/videos-player.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useRef, useState } from "react";
 import { useTime } from "../context/time-context";
 import { FaExpand, FaCompress, FaTimes, FaEye } from "react-icons/fa";
-import type { VideoInfo } from "@/app/[org]/[dataset]/[episode]/fetch-data";
+import type { VideoInfo } from "@/types";
 
 type VideoPlayerProps = {
   videosInfo: VideoInfo[];