feat: build dashboard design system

src/routes/page.test.ts

@@ -0,0 +1,28 @@
+import { render } from "svelte/server";
+import { describe, expect, test } from "vitest";
+import Page from "./+page.svelte";
+
+describe("home page design-system preview", () => {
+  test("renders the runtime dashboard data from the server load", () => {
+    const { body } = render(Page, {
+      props: {
+        data: {
+          dashboard: {
+            title: "Runtime Surface",
+            subtitle: "Loaded from persistence",
+            status: "building",
+            message: "Runtime model is available.",
+            schemaVersion: "dashboard.v1",
+            currentRevisionId: "revision-1234567890",
+          },
+        },
+      },
+    });
+
+    expect(body).toContain("Runtime Surface");
+    expect(body).toContain("Loaded from persistence");
+    expect(body).toContain("revision");
+    expect(body).toContain("primary");
+    expect(body).toContain("secondary");
+  });
+});