1 files changed, 23 insertions, 0 deletions
diff --git a/frontend/src/pages/ProjectPage.svelte b/frontend/src/pages/ProjectPage.svelte
new file mode 100644
index 0000000..b31caa3
--- /dev/null
+++ b/frontend/src/pages/ProjectPage.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { Route } from '../lib/router';
+  import ProjectDataTab from '../pages/ProjectDataTab.svelte';
+  import ProjectStrategyTab from '../pages/ProjectStrategyTab.svelte';
+  import ProjectBacktestTab from '../pages/ProjectBacktestTab.svelte';
+  import ProjectResultsTab from '../pages/ProjectResultsTab.svelte';
+
+  interface Props {
+    route: Route;
+  }
+  let { route }: Props = $props();
+</script>
+
+<!-- Layout is provided once by App.svelte; wrapping here produced the doubled sidebar bug. -->
+{#if route.name === 'project-data'}
+  <ProjectDataTab projectId={route.params.id} />
+{:else if route.name === 'project-strategy'}
+  <ProjectStrategyTab projectId={route.params.id} />
+{:else if route.name === 'project-backtest'}
+  <ProjectBacktestTab projectId={route.params.id} />
+{:else if route.name === 'project-results'}
+  <ProjectResultsTab projectId={route.params.id} runId={route.query.get('run') ?? undefined} />
+{/if}