From e43346107edd06373c67b30688aff99a6811c9d1 Mon Sep 17 00:00:00 2001
From: Zeph Levy <171337931+ZephLevy@users.noreply.github.com>
Date: Thu, 19 Feb 2026 14:11:42 +0100
Subject: [PATCH] Add a basic dataset page

---
 frontend/src/routes/datasets/[id]/+page.server.ts |  9 +++++++++
 frontend/src/routes/datasets/[id]/+page.svelte    | 14 ++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 frontend/src/routes/datasets/[id]/+page.server.ts
 create mode 100644 frontend/src/routes/datasets/[id]/+page.svelte

diff --git a/frontend/src/routes/datasets/[id]/+page.server.ts b/frontend/src/routes/datasets/[id]/+page.server.ts
new file mode 100644
index 0000000..4196e37
--- /dev/null
+++ b/frontend/src/routes/datasets/[id]/+page.server.ts
@@ -0,0 +1,9 @@
+import type { PageServerLoad } from "./$types";
+import * as backend from "$lib/server/backend";
+
+export const load: PageServerLoad = async ({ params }) => {
+  const record = await backend.query_dataset(params.id);
+  return {
+    record,
+  };
+}
diff --git a/frontend/src/routes/datasets/[id]/+page.svelte b/frontend/src/routes/datasets/[id]/+page.svelte
new file mode 100644
index 0000000..1c14d03
--- /dev/null
+++ b/frontend/src/routes/datasets/[id]/+page.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { PageProps } from "./$types";
+
+  let { data }: PageProps = $props();
+
+  // svelte-ignore state_referenced_locally
+    const recordData = JSON.parse(data.record.data);
+</script>
+
+<ul>
+{#each Object.entries(recordData) as [key, value]}
+  <li>{key}: {value}</li>
+{/each}
+</ul>