internrobotics/ebench-home

1. This repository is a static project homepage for the EBench paper, not a backend service. The runtime is a React single-page app built with Vite, TypeScript, and Tailwind CSS, and it deploys as static files to GitHub Pages.

2. The app entry is index.html → src/main.tsx → src/App.tsx. App.tsx acts as the page shell and composes the full landing page from section components rather than routing between pages.

3. The page is organized into content sections: Hero, Abstract, Overview, Dimensions, TaskGallery, ResultsSection, Citation, Footer, and Nav. This makes the architecture mostly presentation-driven, with each section owning one slice of the homepage.

4. Most of the paper metadata lives in src/data/content.ts: title, abstract, authors, links, and citation text. This is the authoritative source for the non-visual textual content shown on the page.

5. The benchmark/task definition lives in src/data/tasks.ts. That file defines the 26-task manifest, including names, task groupings, and instructions used by the overview and gallery components.

6. The quantitative results dashboard is data-driven from src/data/ebench.json. src/lib/results.ts provides typed accessors and chart-ready transformations over that JSON, which isolates the charts from the raw schema and keeps visualization logic separate from the data file.

7. The results area is split into dedicated chart components under src/components/results/: TopLineBars, CapabilityRadar, TransferScatter, ClusterExplorer, and TaskHeatmap, with chartkit.tsx supplying shared chart helpers. The README notes these are native Recharts-based visualizations ported from the original results dashboard.

8. The task showcase is asset-heavy and lives in public/videos/. There are 78 MP4 clips total: 26 tasks × 3 camera views (left, right, top). TaskGallery and LoopVideo consume those files to present the task demonstrations.

9. src/lib/asset.ts is an important boundary for deployment correctness: it centralizes base-path handling so links and media work both locally and on GitHub Pages under /EBench-home/ or another configured base URL. src/lib/icons.tsx provides inline icons used across the page.

10. src/components/ui/ contains reusable presentation primitives such as Section, Reveal, LinkButton, and LoopVideo. These are shared building blocks that keep layout/animation/media behavior consistent across the sections.

11. Styling is handled by Tailwind plus src/index.css, which defines the site’s dark “diagnostic console” theme and design tokens. The app is therefore styled as a cohesive single-page product rather than a generic component library.

12. Deployment is fully static and automated. .github/workflows/deploy.yml builds the site and publishes it to GitHub Pages on pushes to main, with the base path controlled by the BASE_PATH environment variable in both the workflow and vite.config.ts.

13. There is no runtime API, database, or server-side processing in this repo. The only “data flow” is from local content/data files and pre-rendered media into React components, then into a static build artifact served by GitHub Pages.