Quantus-Network · dewabisma · Jul 15, 2026 · Jul 9, 2026 · Jul 9, 2026 · Jul 10, 2026
diff --git a/.cursor/rules/page-title.mdc b/.cursor/rules/page-title.mdc
@@ -0,0 +1,21 @@
+---
+description: Page titles must use the page-title class for consistent site-wide styling
+globs: src/routes/**/*.tsx,src/components/**/*Heading*.tsx,src/components/common/status-page/**/*.tsx
+alwaysApply: false
+---
+
+# Page titles
+
+Primary page headings must use the shared `page-title` class from `globals.css` so typography stays consistent across listing and detail pages.
+
+```tsx
+// Prefer
+<h1 className="page-title">Miner Leaderboard</h1>
+
+// Avoid
+<h1>Miner Leaderboard</h1>
+```
+
+- Use on the main route/feature `h1` (one per page).
+- Do not restyle page titles with ad-hoc text size/weight/tracking classes unless intentionally overriding a special case (e.g. status codes use separate display styles).
+- Optional supporting text under the title can use `page-subtitle`.
diff --git a/.cursor/rules/use-bun.mdc b/.cursor/rules/use-bun.mdc
@@ -0,0 +1,14 @@
+---
+description: Use Bun as the package manager and script runner
+alwaysApply: true
+---
+
+# Use Bun, not npm
+
+This project uses **Bun** (`bun.lock` / `bun.lockb`). Prefer Bun for all package and script work.
+
+- Install deps: `bun add <pkg>` / `bun add -d <pkg>` / `bun install`
+- Run scripts: `bun run <script>` (e.g. `bun run build`, `bun run dev`)
+- Execute files: `bun <file.ts>`
+
+Do **not** use `npm`, `npx`, `yarn`, or `pnpm` unless the user explicitly asks.
diff --git a/.gitignore b/.gitignore
@@ -45,3 +45,6 @@ next-env.d.ts
 
 # test file
 public/mockServiceWorker.js
+
+# test files
+/new-ux
diff --git a/.storybook/decorators/WrapTheme.tsx b/.storybook/decorators/WrapTheme.tsx
@@ -1,16 +1,12 @@
-import type { Decorator, StoryContext } from '@storybook/react-vite';
+import type { Decorator } from '@storybook/react-vite';
 import * as React from 'react';
 
-export const WrapTheme: Decorator = (Story, context: StoryContext) => {
-  const { theme } = context.globals as { theme: 'light' | 'dark' };
-
+/** App is dark-only; keep Storybook in sync with `index.html` (`class="dark"`). */
+export const WrapTheme: Decorator = (Story) => {
   React.useEffect(() => {
-    if (theme === 'dark') {
-      document.body.classList.add('dark');
-    } else {
-      document.body.classList.remove('dark');
-    }
-  }, [theme]);
+    document.documentElement.classList.add('dark');
+    document.body.classList.add('dark');
+  }, []);
 
   return <Story />;
 };
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -56,27 +56,12 @@ const preview: Preview = {
       }
     },
     backgrounds: {
-      default: 'light',
-      values: [
-        { name: 'light', value: '#fef2f2' },
-        { name: 'dark', value: '#171717' }
-      ]
+      default: 'dark',
+      values: [{ name: 'dark', value: '#0E0E0E' }]
     }
   },
   loaders: [mswLoader],
-  decorators: [WrapTheme],
-  globalTypes: {
-    theme: {
-      name: 'theme',
-      description: 'Select light or dark theme',
-      defaultValue: 'light',
-      toolbar: {
-        icon: 'mirror',
-        items: ['light', 'dark'],
-        showName: true
-      }
-    }
-  }
+  decorators: [WrapTheme]
 };
 
 export default preview;
diff --git a/bun.lock b/bun.lock
diff --git a/index.html b/index.html
@@ -1,15 +1,15 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico?v=2" />
-    <meta name="theme-color" content="#000000" />
-    <link rel="apple-touch-icon" href="/logo192.png" />
+    <meta name="theme-color" content="#0E0E0E" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="manifest" href="/manifest.json" />
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app" style="min-height: 100%" class="flex flex-col"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -14,7 +14,6 @@
     "test-storybook:ci": "start-server-and-test serve-storybook http://127.0.0.1:6006 test-storybook",
     "format": "prettier . --write",
     "prepare": "husky",
-    "gen-assets": "svgr --template svgr-template.cjs --index-template svgr-index-template.cjs --icon --title-prop --typescript --jsx-runtime automatic --replace-attr-values currentColor=currentColor,#FFEF00=currentColor --filename-case pascal -d src/assets assets",
     "gql:compile": "graphql-codegen",
     "bench:graphql": "bun scripts/graphql-bench.ts"
   },
@@ -24,14 +23,12 @@
   "dependencies": {
     "@apollo/client": "^3.13.8",
     "@date-fns/utc": "^2.1.1",
-    "@fontsource/inter": "^5.2.6",
-    "@fontsource/jetbrains-mono": "^5.2.6",
+    "@fontsource/geist-mono": "^5.2.8",
+    "@fontsource/geist-sans": "^5.2.5",
     "@radix-ui/react-navigation-menu": "^1.2.13",
     "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
     "@radix-ui/react-tabs": "^1.1.12",
     "@subsquid/ss58-codec": "^1.2.3",
     "@tanstack/react-router": "1.130.12",
@@ -63,7 +60,6 @@
     "@storybook/addon-onboarding": "^9.0.6",
     "@storybook/react-vite": "^9.0.6",
     "@storybook/test-runner": "^0.22.1",
-    "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.11",