Replace deprecated ECharts-GL with TresJS, fix SSR build errors, and add mock benchmark data (#120)

* Initial plan

* fix: remove echarts-gl and replace with TresJS for 3D visualization

Co-authored-by: Anselmoo <13209783+Anselmoo@users.noreply.github.com>

* fix: make ECharts and chart components SSR-safe with dynamic imports

Co-authored-by: Anselmoo <13209783+Anselmoo@users.noreply.github.com>

* docs: add test page demonstrating chart components

Co-authored-by: Anselmoo <13209783+Anselmoo@users.noreply.github.com>

* feat: add mock benchmark data and test script with schema validation

Co-authored-by: Anselmoo <13209783+Anselmoo@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Anselmoo <13209783+Anselmoo@users.noreply.github.com>

Author: Copilot

docs/.vitepress/theme/components/FitnessLandscape3D.vue

@@ -1,67 +1,65 @@
 // https://vitepress.dev/guide/custom-theme
-import { h } from 'vue'
+import { h, defineAsyncComponent } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
 
-// Import ECharts components
-import VChart from 'vue-echarts'
-import { use } from 'echarts/core'
-import { CanvasRenderer } from 'echarts/renderers'
-import { LineChart, ScatterChart, BoxplotChart, BarChart } from 'echarts/charts'
-import {
-  GridComponent,
-  TooltipComponent,
-  LegendComponent,
-  TitleComponent,
-  VisualMapComponent,
-  Grid3DComponent,
-  ToolboxComponent
-} from 'echarts/components'
-
-// Import TresJS components
-import { TresCanvas } from '@tresjs/core'
-
-// Import chart components
-import ECDFChart from './components/ECDFChart.vue'
-import ConvergenceChart from './components/ConvergenceChart.vue'
-import ViolinPlot from './components/ViolinPlot.vue'
-import FitnessLandscape3D from './components/FitnessLandscape3D.vue'
-
-// Register ECharts components
-use([
-  CanvasRenderer,
-  LineChart,
-  ScatterChart,
-  BoxplotChart,
-  BarChart,
-  GridComponent,
-  TooltipComponent,
-  LegendComponent,
-  TitleComponent,
-  VisualMapComponent,
-  Grid3DComponent,
-  ToolboxComponent
-])
-
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
     })
   },
-  enhanceApp({ app }) {
-    // Register ECharts
-    app.component('VChart', VChart)
+  async enhanceApp({ app }) {
+    // Only register components on client side
+    if (typeof window !== 'undefined') {
+      // Dynamically import and register ECharts
+      const { default: VChart } = await import('vue-echarts')
+      const { use } = await import('echarts/core')
+      const { CanvasRenderer } = await import('echarts/renderers')
+      const { LineChart, ScatterChart, BoxplotChart, BarChart } = await import('echarts/charts')
+      const {
+        GridComponent,
+        TooltipComponent,
+        LegendComponent,
+        TitleComponent,
+        VisualMapComponent,
+        ToolboxComponent
+      } = await import('echarts/components')
+
+      // Register ECharts components
+      use([
+        CanvasRenderer,
+        LineChart,
+        ScatterChart,
+        BoxplotChart,
+        BarChart,
+        GridComponent,
+        TooltipComponent,
+        LegendComponent,
+        TitleComponent,
+        VisualMapComponent,
+        ToolboxComponent
+      ])
+
+      app.component('VChart', VChart)
 
-    // Register TresJS for 3D
-    app.component('TresCanvas', TresCanvas)
+      // Register 2D chart components as async
+      app.component('ECDFChart', defineAsyncComponent(() =>
+        import('./components/ECDFChart.vue')
+      ))
+      app.component('ConvergenceChart', defineAsyncComponent(() =>
+        import('./components/ConvergenceChart.vue')
+      ))
+      app.component('ViolinPlot', defineAsyncComponent(() =>
+        import('./components/ViolinPlot.vue')
+      ))
 
-    // Register chart components
-    app.component('ECDFChart', ECDFChart)
-    app.component('ConvergenceChart', ConvergenceChart)
-    app.component('ViolinPlot', ViolinPlot)
-    app.component('FitnessLandscape3D', FitnessLandscape3D)
+      // Register 3D components as async (client-only)
+      app.component('FitnessLandscape3D', defineAsyncComponent(() =>
+        import('./components/FitnessLandscape3D.vue')
+      ))
+    }
   }
 } satisfies Theme