diff --git a/.claude/launch.json b/.claude/launch.json
new file mode 100644
index 0000000..69c2e1a
--- /dev/null
+++ b/.claude/launch.json
@@ -0,0 +1,11 @@
+{
+ "version": "0.0.1",
+ "configurations": [
+ {
+ "name": "client",
+ "runtimeExecutable": "npm",
+ "runtimeArgs": ["run", "dev", "--prefix", "client"],
+ "port": 5173
+ }
+ ]
+}
diff --git a/client/index.html b/client/index.html
new file mode 100644
index 0000000..f7d3f29
--- /dev/null
+++ b/client/index.html
@@ -0,0 +1,16 @@
+
+
+
+ UOMysticmoon
+
+
+
+
diff --git a/client/package-lock.json b/client/package-lock.json
new file mode 100644
index 0000000..06c7ae0
--- /dev/null
+++ b/client/package-lock.json
@@ -0,0 +1,1761 @@
+{
+ "name": "uomysticmoon-client",
+ "version": "1.0.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "uomysticmoon-client",
+ "version": "1.0.0",
+ "dependencies": {
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "react-router-dom": "^6.26.2"
+ },
+ "devDependencies": {
+ "@vitejs/plugin-react": "^4.3.2",
+ "vite": "^5.4.8"
+ }
+ },
+ "node_modules/@babel/code-frame": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+ "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-validator-identifier": "^7.29.7",
+ "js-tokens": "^4.0.0",
+ "picocolors": "^1.1.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/compat-data": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+ "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/core": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+ "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.29.7",
+ "@babel/generator": "^7.29.7",
+ "@babel/helper-compilation-targets": "^7.29.7",
+ "@babel/helper-module-transforms": "^7.29.7",
+ "@babel/helpers": "^7.29.7",
+ "@babel/parser": "^7.29.7",
+ "@babel/template": "^7.29.7",
+ "@babel/traverse": "^7.29.7",
+ "@babel/types": "^7.29.7",
+ "@jridgewell/remapping": "^2.3.5",
+ "convert-source-map": "^2.0.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.2",
+ "json5": "^2.2.3",
+ "semver": "^6.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/babel"
+ }
+ },
+ "node_modules/@babel/generator": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+ "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/parser": "^7.29.7",
+ "@babel/types": "^7.29.7",
+ "@jridgewell/gen-mapping": "^0.3.12",
+ "@jridgewell/trace-mapping": "^0.3.28",
+ "jsesc": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-compilation-targets": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+ "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/compat-data": "^7.29.7",
+ "@babel/helper-validator-option": "^7.29.7",
+ "browserslist": "^4.24.0",
+ "lru-cache": "^5.1.1",
+ "semver": "^6.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-globals": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+ "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-module-imports": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+ "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/traverse": "^7.29.7",
+ "@babel/types": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-module-transforms": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+ "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-module-imports": "^7.29.7",
+ "@babel/helper-validator-identifier": "^7.29.7",
+ "@babel/traverse": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0"
+ }
+ },
+ "node_modules/@babel/helper-plugin-utils": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+ "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-string-parser": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+ "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-validator-identifier": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+ "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helper-validator-option": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+ "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/helpers": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+ "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/template": "^7.29.7",
+ "@babel/types": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/parser": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+ "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/types": "^7.29.7"
+ },
+ "bin": {
+ "parser": "bin/babel-parser.js"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@babel/plugin-transform-react-jsx-self": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.29.7.tgz",
+ "integrity": "sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-plugin-utils": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0-0"
+ }
+ },
+ "node_modules/@babel/plugin-transform-react-jsx-source": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.29.7.tgz",
+ "integrity": "sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-plugin-utils": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.0.0-0"
+ }
+ },
+ "node_modules/@babel/template": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+ "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.29.7",
+ "@babel/parser": "^7.29.7",
+ "@babel/types": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/traverse": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+ "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/code-frame": "^7.29.7",
+ "@babel/generator": "^7.29.7",
+ "@babel/helper-globals": "^7.29.7",
+ "@babel/parser": "^7.29.7",
+ "@babel/template": "^7.29.7",
+ "@babel/types": "^7.29.7",
+ "debug": "^4.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@babel/types": {
+ "version": "7.29.7",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+ "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/helper-string-parser": "^7.29.7",
+ "@babel/helper-validator-identifier": "^7.29.7"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/@esbuild/aix-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "aix"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+ "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+ "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+ "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+ "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+ "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+ "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+ "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+ "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+ "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+ "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-loong64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+ "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+ "cpu": [
+ "loong64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-mips64el": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+ "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+ "cpu": [
+ "mips64el"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-riscv64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+ "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-s390x": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+ "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+ "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/netbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "netbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/openbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "openbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/sunos-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+ "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "sunos"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+ "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+ "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+ "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@jridgewell/gen-mapping": {
+ "version": "0.3.13",
+ "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+ "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/sourcemap-codec": "^1.5.0",
+ "@jridgewell/trace-mapping": "^0.3.24"
+ }
+ },
+ "node_modules/@jridgewell/remapping": {
+ "version": "2.3.5",
+ "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+ "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/gen-mapping": "^0.3.5",
+ "@jridgewell/trace-mapping": "^0.3.24"
+ }
+ },
+ "node_modules/@jridgewell/resolve-uri": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+ "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@jridgewell/sourcemap-codec": {
+ "version": "1.5.5",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+ "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@jridgewell/trace-mapping": {
+ "version": "0.3.31",
+ "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+ "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jridgewell/resolve-uri": "^3.1.0",
+ "@jridgewell/sourcemap-codec": "^1.4.14"
+ }
+ },
+ "node_modules/@remix-run/router": {
+ "version": "1.23.3",
+ "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.3.tgz",
+ "integrity": "sha512-4An71tdz9X8+3sI4Qqqd2LWd9vS39J7sqd9EU4Scw7TJE/qB10Flv/UuqbPVgfQV9XoK8Np6jNquZitnZq5i+Q==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=14.0.0"
+ }
+ },
+ "node_modules/@rolldown/pluginutils": {
+ "version": "1.0.0-beta.27",
+ "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+ "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@rollup/rollup-android-arm-eabi": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+ "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-android-arm64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+ "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-arm64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+ "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-x64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+ "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-freebsd-arm64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+ "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ]
+ },
+ "node_modules/@rollup/rollup-freebsd-x64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+ "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+ "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+ "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+ "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-musl": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+ "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-loong64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+ "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
+ "cpu": [
+ "loong64"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-loong64-musl": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+ "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
+ "cpu": [
+ "loong64"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+ "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-ppc64-musl": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+ "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+ "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-riscv64-musl": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+ "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-s390x-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+ "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+ "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "libc": [
+ "glibc"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-musl": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+ "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "libc": [
+ "musl"
+ ],
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-openbsd-x64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+ "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "openbsd"
+ ]
+ },
+ "node_modules/@rollup/rollup-openharmony-arm64": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+ "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "openharmony"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-arm64-msvc": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+ "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-ia32-msvc": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+ "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-x64-gnu": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+ "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-x64-msvc": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+ "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@types/babel__core": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+ "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/parser": "^7.20.7",
+ "@babel/types": "^7.20.7",
+ "@types/babel__generator": "*",
+ "@types/babel__template": "*",
+ "@types/babel__traverse": "*"
+ }
+ },
+ "node_modules/@types/babel__generator": {
+ "version": "7.27.0",
+ "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+ "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__template": {
+ "version": "7.4.4",
+ "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+ "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/parser": "^7.1.0",
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__traverse": {
+ "version": "7.28.0",
+ "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+ "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/types": "^7.28.2"
+ }
+ },
+ "node_modules/@types/estree": {
+ "version": "1.0.9",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+ "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@vitejs/plugin-react": {
+ "version": "4.7.0",
+ "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+ "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@babel/core": "^7.28.0",
+ "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+ "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+ "@rolldown/pluginutils": "1.0.0-beta.27",
+ "@types/babel__core": "^7.20.5",
+ "react-refresh": "^0.17.0"
+ },
+ "engines": {
+ "node": "^14.18.0 || >=16.0.0"
+ },
+ "peerDependencies": {
+ "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+ }
+ },
+ "node_modules/baseline-browser-mapping": {
+ "version": "2.10.40",
+ "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.40.tgz",
+ "integrity": "sha512-BSSLZ9/Cjjv7Gtj5B68ZzXcXUg8iOf3fme+FCuh8rC/Go+Kmh8cox7M3A8dolou16s64QjLPOSdngh7GxXvkSw==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "bin": {
+ "baseline-browser-mapping": "dist/cli.cjs"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/browserslist": {
+ "version": "4.28.4",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.4.tgz",
+ "integrity": "sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "baseline-browser-mapping": "^2.10.38",
+ "caniuse-lite": "^1.0.30001799",
+ "electron-to-chromium": "^1.5.376",
+ "node-releases": "^2.0.48",
+ "update-browserslist-db": "^1.2.3"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ },
+ "engines": {
+ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+ }
+ },
+ "node_modules/caniuse-lite": {
+ "version": "1.0.30001799",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
+ "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "CC-BY-4.0"
+ },
+ "node_modules/convert-source-map": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/debug": {
+ "version": "4.4.3",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+ "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ms": "^2.1.3"
+ },
+ "engines": {
+ "node": ">=6.0"
+ },
+ "peerDependenciesMeta": {
+ "supports-color": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/electron-to-chromium": {
+ "version": "1.5.380",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.380.tgz",
+ "integrity": "sha512-W6d5AbuEoRayO447cqrg6lKJIlscgRnnxOZl/08kfV71BQDoEBC7Wwis68z87LjyK6f4kWyTaubuDbhHKrZkbA==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/esbuild": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+ "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "license": "MIT",
+ "bin": {
+ "esbuild": "bin/esbuild"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "optionalDependencies": {
+ "@esbuild/aix-ppc64": "0.21.5",
+ "@esbuild/android-arm": "0.21.5",
+ "@esbuild/android-arm64": "0.21.5",
+ "@esbuild/android-x64": "0.21.5",
+ "@esbuild/darwin-arm64": "0.21.5",
+ "@esbuild/darwin-x64": "0.21.5",
+ "@esbuild/freebsd-arm64": "0.21.5",
+ "@esbuild/freebsd-x64": "0.21.5",
+ "@esbuild/linux-arm": "0.21.5",
+ "@esbuild/linux-arm64": "0.21.5",
+ "@esbuild/linux-ia32": "0.21.5",
+ "@esbuild/linux-loong64": "0.21.5",
+ "@esbuild/linux-mips64el": "0.21.5",
+ "@esbuild/linux-ppc64": "0.21.5",
+ "@esbuild/linux-riscv64": "0.21.5",
+ "@esbuild/linux-s390x": "0.21.5",
+ "@esbuild/linux-x64": "0.21.5",
+ "@esbuild/netbsd-x64": "0.21.5",
+ "@esbuild/openbsd-x64": "0.21.5",
+ "@esbuild/sunos-x64": "0.21.5",
+ "@esbuild/win32-arm64": "0.21.5",
+ "@esbuild/win32-ia32": "0.21.5",
+ "@esbuild/win32-x64": "0.21.5"
+ }
+ },
+ "node_modules/escalade": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+ "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/fsevents": {
+ "version": "2.3.3",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+ "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
+ "node_modules/gensync": {
+ "version": "1.0.0-beta.2",
+ "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+ "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=6.9.0"
+ }
+ },
+ "node_modules/js-tokens": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+ "license": "MIT"
+ },
+ "node_modules/jsesc": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+ "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "jsesc": "bin/jsesc"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/json5": {
+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+ "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "json5": "lib/cli.js"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/loose-envify": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+ "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+ "license": "MIT",
+ "dependencies": {
+ "js-tokens": "^3.0.0 || ^4.0.0"
+ },
+ "bin": {
+ "loose-envify": "cli.js"
+ }
+ },
+ "node_modules/lru-cache": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+ "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "yallist": "^3.0.2"
+ }
+ },
+ "node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/nanoid": {
+ "version": "3.3.15",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+ "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "bin": {
+ "nanoid": "bin/nanoid.cjs"
+ },
+ "engines": {
+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+ }
+ },
+ "node_modules/node-releases": {
+ "version": "2.0.50",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.50.tgz",
+ "integrity": "sha512-J6l92tKHX6w8Jy5nO1Vuc01NoIiRGi/d6qBKVxh+IQ8Cr3b6HbVNfKiF8ZpFKufTwpwxMmce2W3iQZ861ZRyTg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/picocolors": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+ "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+ "dev": true,
+ "license": "ISC"
+ },
+ "node_modules/postcss": {
+ "version": "8.5.15",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+ "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "nanoid": "^3.3.12",
+ "picocolors": "^1.1.1",
+ "source-map-js": "^1.2.1"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
+ "node_modules/react": {
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+ "license": "MIT",
+ "dependencies": {
+ "loose-envify": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/react-dom": {
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+ "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+ "license": "MIT",
+ "dependencies": {
+ "loose-envify": "^1.1.0",
+ "scheduler": "^0.23.2"
+ },
+ "peerDependencies": {
+ "react": "^18.3.1"
+ }
+ },
+ "node_modules/react-refresh": {
+ "version": "0.17.0",
+ "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+ "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/react-router": {
+ "version": "6.30.4",
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.4.tgz",
+ "integrity": "sha512-SVUsDe+DybHM/WmYKIVYhZh1o5Dcuf16yM6WjG02Q9XVFMZIJyHYhwrr6bFBXZkVP6z69kNkMyBCujt8FaFLJA==",
+ "license": "MIT",
+ "dependencies": {
+ "@remix-run/router": "1.23.3"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.8"
+ }
+ },
+ "node_modules/react-router-dom": {
+ "version": "6.30.4",
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.4.tgz",
+ "integrity": "sha512-q4HvNl+mmDdkS0g+MqiBZNteQJCuimWoOyHMy4T/RQLAn9Z29+E91QXRaxOujeMl2HTzRSS0KFPd7lxX3PjV0Q==",
+ "license": "MIT",
+ "dependencies": {
+ "@remix-run/router": "1.23.3",
+ "react-router": "6.30.4"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.8",
+ "react-dom": ">=16.8"
+ }
+ },
+ "node_modules/rollup": {
+ "version": "4.62.2",
+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+ "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@types/estree": "1.0.9"
+ },
+ "bin": {
+ "rollup": "dist/bin/rollup"
+ },
+ "engines": {
+ "node": ">=18.0.0",
+ "npm": ">=8.0.0"
+ },
+ "optionalDependencies": {
+ "@rollup/rollup-android-arm-eabi": "4.62.2",
+ "@rollup/rollup-android-arm64": "4.62.2",
+ "@rollup/rollup-darwin-arm64": "4.62.2",
+ "@rollup/rollup-darwin-x64": "4.62.2",
+ "@rollup/rollup-freebsd-arm64": "4.62.2",
+ "@rollup/rollup-freebsd-x64": "4.62.2",
+ "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+ "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+ "@rollup/rollup-linux-arm64-gnu": "4.62.2",
+ "@rollup/rollup-linux-arm64-musl": "4.62.2",
+ "@rollup/rollup-linux-loong64-gnu": "4.62.2",
+ "@rollup/rollup-linux-loong64-musl": "4.62.2",
+ "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+ "@rollup/rollup-linux-ppc64-musl": "4.62.2",
+ "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+ "@rollup/rollup-linux-riscv64-musl": "4.62.2",
+ "@rollup/rollup-linux-s390x-gnu": "4.62.2",
+ "@rollup/rollup-linux-x64-gnu": "4.62.2",
+ "@rollup/rollup-linux-x64-musl": "4.62.2",
+ "@rollup/rollup-openbsd-x64": "4.62.2",
+ "@rollup/rollup-openharmony-arm64": "4.62.2",
+ "@rollup/rollup-win32-arm64-msvc": "4.62.2",
+ "@rollup/rollup-win32-ia32-msvc": "4.62.2",
+ "@rollup/rollup-win32-x64-gnu": "4.62.2",
+ "@rollup/rollup-win32-x64-msvc": "4.62.2",
+ "fsevents": "~2.3.2"
+ }
+ },
+ "node_modules/scheduler": {
+ "version": "0.23.2",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+ "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+ "license": "MIT",
+ "dependencies": {
+ "loose-envify": "^1.1.0"
+ }
+ },
+ "node_modules/semver": {
+ "version": "6.3.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+ "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+ "dev": true,
+ "license": "ISC",
+ "bin": {
+ "semver": "bin/semver.js"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+ "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+ "dev": true,
+ "license": "BSD-3-Clause",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/update-browserslist-db": {
+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+ "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "escalade": "^3.2.0",
+ "picocolors": "^1.1.1"
+ },
+ "bin": {
+ "update-browserslist-db": "cli.js"
+ },
+ "peerDependencies": {
+ "browserslist": ">= 4.21.0"
+ }
+ },
+ "node_modules/vite": {
+ "version": "5.4.21",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+ "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "esbuild": "^0.21.3",
+ "postcss": "^8.4.43",
+ "rollup": "^4.20.0"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^18.0.0 || >=20.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^18.0.0 || >=20.0.0",
+ "less": "*",
+ "lightningcss": "^1.21.0",
+ "sass": "*",
+ "sass-embedded": "*",
+ "stylus": "*",
+ "sugarss": "*",
+ "terser": "^5.4.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "lightningcss": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "sass-embedded": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/yallist": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+ "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+ "dev": true,
+ "license": "ISC"
+ }
+ }
+}
diff --git a/client/package.json b/client/package.json
new file mode 100644
index 0000000..8cac72f
--- /dev/null
+++ b/client/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "uomysticmoon-client",
+ "private": true,
+ "version": "1.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "vite build",
+ "preview": "vite preview"
+ },
+ "dependencies": {
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "react-router-dom": "^6.26.2"
+ },
+ "devDependencies": {
+ "@vitejs/plugin-react": "^4.3.2",
+ "vite": "^5.4.8"
+ }
+}
diff --git a/client/public/assets/img/uomysticmoon-main-hero.png b/client/public/assets/img/uomysticmoon-main-hero.png
new file mode 100644
index 0000000..782edde
Binary files /dev/null and b/client/public/assets/img/uomysticmoon-main-hero.png differ
diff --git a/client/public/robots.txt b/client/public/robots.txt
new file mode 100644
index 0000000..f8a0a9b
--- /dev/null
+++ b/client/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /admin
diff --git a/client/src/App.jsx b/client/src/App.jsx
new file mode 100644
index 0000000..83bb776
--- /dev/null
+++ b/client/src/App.jsx
@@ -0,0 +1,80 @@
+import { Routes, Route, Navigate, Outlet } from 'react-router-dom'
+import { AuthProvider } from './contexts/AuthContext.jsx'
+import { SiteProvider } from './contexts/SiteContext.jsx'
+import MaintenanceGate from './components/MaintenanceGate.jsx'
+import RequireAuth from './components/RequireAuth.jsx'
+
+// Public
+import Portal from './routes/public/Portal.jsx'
+import Website from './routes/public/Website.jsx'
+import News from './routes/public/News.jsx'
+import Screenshots from './routes/public/Screenshots.jsx'
+import FiveOnFriday from './routes/public/FiveOnFriday.jsx'
+import Newsletter from './routes/public/Newsletter.jsx'
+import NewsletterIssue from './routes/public/NewsletterIssue.jsx'
+import About from './routes/public/About.jsx'
+import Status from './routes/public/Status.jsx'
+import Wiki from './routes/wiki/Wiki.jsx'
+import WikiArticle from './routes/wiki/WikiArticle.jsx'
+
+// Admin
+import AdminLogin from './routes/admin/AdminLogin.jsx'
+import AdminLayout from './routes/admin/AdminLayout.jsx'
+import Dashboard from './routes/admin/views/Dashboard.jsx'
+import PostsAdmin from './routes/admin/views/PostsAdmin.jsx'
+import WikiAdmin from './routes/admin/views/WikiAdmin.jsx'
+import SettingsAdmin from './routes/admin/views/SettingsAdmin.jsx'
+import ActivityAdmin from './routes/admin/views/ActivityAdmin.jsx'
+import UsersAdmin from './routes/admin/views/UsersAdmin.jsx'
+
+export default function App() {
+ return (
+
+
+
+ {/* Public site — gated by maintenance mode (admins preview through it) */}
+
+
+
+ {/* Admin */}
+
+
+
+
+
+
+ )
+}
diff --git a/client/src/api/client.js b/client/src/api/client.js
new file mode 100644
index 0000000..a8d0fbc
--- /dev/null
+++ b/client/src/api/client.js
@@ -0,0 +1,87 @@
+// Thin fetch wrapper. Always sends cookies (httpOnly JWT) and talks to the
+// same-origin API (/api/v1) — proxied to the Express server in dev.
+const BASE = '/api/v1'
+
+class ApiError extends Error {
+ constructor(status, message, body) {
+ super(message)
+ this.status = status
+ this.body = body
+ }
+}
+
+async function req(path, { method = 'GET', body, headers, raw } = {}) {
+ const opts = { method, credentials: 'include', headers: { ...headers } }
+ if (body !== undefined) {
+ if (raw) {
+ opts.body = body // FormData — let the browser set the content-type
+ } else {
+ opts.headers['Content-Type'] = 'application/json'
+ opts.body = JSON.stringify(body)
+ }
+ }
+ const res = await fetch(BASE + path, opts)
+ const text = await res.text()
+ const data = text ? safeParse(text) : null
+ if (!res.ok) {
+ const message = (data && data.message) || res.statusText || 'Request failed'
+ throw new ApiError(res.status, message, data)
+ }
+ return data
+}
+
+function safeParse(text) {
+ try {
+ return JSON.parse(text)
+ } catch {
+ return text
+ }
+}
+
+export const api = {
+ // ----- auth -----
+ me: () => req('/auth/me'),
+ login: (username, password) => req('/auth/login', { method: 'POST', body: { username, password } }),
+ logout: () => req('/auth/logout', { method: 'POST' }),
+
+ // ----- public -----
+ publicSettings: () => req('/public/settings'),
+ status: () => req('/public/status'),
+ posts: (category) => req(`/public/posts/${category}`),
+ post: (category, idOrSlug) => req(`/public/posts/${category}/${idOrSlug}`),
+ wiki: () => req('/public/wiki'),
+ wikiPage: (slug) => req(`/public/wiki/${slug}`),
+ contact: (payload) => req('/public/contact', { method: 'POST', body: payload }),
+
+ // ----- admin -----
+ admin: {
+ dashboard: () => req('/admin/dashboard'),
+ setSiteMode: (mode) => req('/admin/site-mode', { method: 'PUT', body: { mode } }),
+ listPosts: (category) => req(`/admin/posts${category ? `?category=${category}` : ''}`),
+ getPost: (id) => req(`/admin/posts/${id}`),
+ createPost: (data) => req('/admin/posts', { method: 'POST', body: data }),
+ updatePost: (id, data) => req(`/admin/posts/${id}`, { method: 'PUT', body: data }),
+ deletePost: (id) => req(`/admin/posts/${id}`, { method: 'DELETE' }),
+ publishPost: (id, published) =>
+ req(`/admin/posts/${id}/publish`, { method: 'PATCH', body: { published } }),
+ uploadImage: (file) => {
+ const fd = new FormData()
+ fd.append('image', file)
+ return req('/admin/posts/upload', { method: 'POST', body: fd, raw: true })
+ },
+ listWiki: () => req('/admin/wiki'),
+ getWiki: (slug) => req(`/admin/wiki/${slug}`),
+ createWiki: (data) => req('/admin/wiki', { method: 'POST', body: data }),
+ updateWiki: (slug, data) => req(`/admin/wiki/${slug}`, { method: 'PUT', body: data }),
+ deleteWiki: (slug) => req(`/admin/wiki/${slug}`, { method: 'DELETE' }),
+ getSettings: () => req('/admin/settings'),
+ updateSettings: (obj) => req('/admin/settings', { method: 'PUT', body: obj }),
+ activity: (limit = 50) => req(`/admin/activity?limit=${limit}`),
+ listUsers: () => req('/admin/users'),
+ createUser: (data) => req('/admin/users', { method: 'POST', body: data }),
+ updateUser: (id, data) => req(`/admin/users/${id}`, { method: 'PUT', body: data }),
+ deleteUser: (id) => req(`/admin/users/${id}`, { method: 'DELETE' }),
+ },
+}
+
+export { ApiError }
diff --git a/client/src/components/MaintenanceGate.jsx b/client/src/components/MaintenanceGate.jsx
new file mode 100644
index 0000000..763ce1f
--- /dev/null
+++ b/client/src/components/MaintenanceGate.jsx
@@ -0,0 +1,22 @@
+import { useAuth } from '../contexts/AuthContext.jsx'
+import { useSite } from '../contexts/SiteContext.jsx'
+import Maintenance from '../routes/public/Maintenance.jsx'
+
+// Wraps the public site. When the shard is in maintenance, visitors see the
+// coming-soon page; a logged-in admin sees the real site (live preview).
+export default function MaintenanceGate({ children }) {
+ const { mode, loading } = useSite()
+ const { user, loading: authLoading } = useAuth()
+
+ if (loading || authLoading) {
+ return (
+
+
+ )
+ }
+ if (mode === 'maintenance' && !user) {
+ return
+
e.stopPropagation()}
+ className="panel"
+ style={{ width: '100%', maxWidth: width, maxHeight: '90vh', display: 'flex', flexDirection: 'column' }}
+ >
+
+
+ {title}
+
+
+ ×
+
+
+
{children}
+ {footer && (
+
+ {footer}
+
+ )}
+
+
+ {eyebrow && {eyebrow}
}
+ {title}
+ {lead && (
+
+ {lead}
+
+ )}
+
+ )
+}
diff --git a/client/src/components/PageState.jsx b/client/src/components/PageState.jsx
new file mode 100644
index 0000000..aef9dc2
--- /dev/null
+++ b/client/src/components/PageState.jsx
@@ -0,0 +1,27 @@
+// Consistent loading / error / empty states for data-driven sections.
+export function Loading({ label = 'Loading…' }) {
+ return (
+
+
+ )
+}
+
+export function ErrorState({ message = 'Something went wrong.' }) {
+ return (
+
+ {message}
+
+ )
+}
+
+export function EmptyState({ children }) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/client/src/components/PublicLayout.jsx b/client/src/components/PublicLayout.jsx
new file mode 100644
index 0000000..35537f9
--- /dev/null
+++ b/client/src/components/PublicLayout.jsx
@@ -0,0 +1,13 @@
+import SiteHeader from './SiteHeader.jsx'
+import SiteFooter from './SiteFooter.jsx'
+
+// Standard page chrome for the public site + wiki.
+export default function PublicLayout({ section = 'website', header = true, children }) {
+ return (
+
+ {header &&
+ )
+}
diff --git a/client/src/components/RequireAuth.jsx b/client/src/components/RequireAuth.jsx
new file mode 100644
index 0000000..052481e
--- /dev/null
+++ b/client/src/components/RequireAuth.jsx
@@ -0,0 +1,20 @@
+import { Navigate, useLocation } from 'react-router-dom'
+import { useAuth } from '../contexts/AuthContext.jsx'
+
+// Gate for /admin/* — redirects to the login screen when not authenticated.
+export default function RequireAuth({ children }) {
+ const { user, loading } = useAuth()
+ const location = useLocation()
+
+ if (loading) {
+ return (
+
+
+ )
+ }
+ if (!user) {
+ return
+
+
UOMysticmoon is an independent private shard project.
+
+
+ {contactEmail}
+
+ ·
+
+
+ )
+}
diff --git a/client/src/components/SiteHeader.jsx b/client/src/components/SiteHeader.jsx
new file mode 100644
index 0000000..2d9ae4d
--- /dev/null
+++ b/client/src/components/SiteHeader.jsx
@@ -0,0 +1,73 @@
+import { Link } from 'react-router-dom'
+import MoonDot from './MoonDot.jsx'
+
+const NAV = {
+ website: [
+ { label: 'News', to: '/site/news' },
+ { label: 'Screenshots', to: '/site/screenshots' },
+ { label: 'Five on Friday', to: '/site/five-on-friday' },
+ { label: 'Newsletter', to: '/site/newsletter' },
+ { label: 'About', to: '/site/about' },
+ { label: 'Wiki', to: '/wiki' },
+ ],
+ wiki: [
+ { label: 'Website', to: '/site' },
+ { label: 'New Player Guide', to: '/wiki/new-player-guide' },
+ { label: 'Maps & Atlas', to: '/wiki/maps-atlas' },
+ { label: 'Systems', to: '/wiki/systems' },
+ { label: 'Rules', to: '/wiki/rules' },
+ ],
+}
+
+export default function SiteHeader({ section = 'website' }) {
+ const links = NAV[section] || NAV.website
+ return (
+
+ )
+}
diff --git a/client/src/contexts/AuthContext.jsx b/client/src/contexts/AuthContext.jsx
new file mode 100644
index 0000000..5c41024
--- /dev/null
+++ b/client/src/contexts/AuthContext.jsx
@@ -0,0 +1,50 @@
+import { createContext, useContext, useEffect, useState, useCallback } from 'react'
+import { api } from '../api/client.js'
+
+const AuthContext = createContext(null)
+
+export function AuthProvider({ children }) {
+ const [user, setUser] = useState(null)
+ const [loading, setLoading] = useState(true)
+
+ const refresh = useCallback(async () => {
+ try {
+ const data = await api.me()
+ setUser(data.user)
+ } catch {
+ setUser(null)
+ } finally {
+ setLoading(false)
+ }
+ }, [])
+
+ useEffect(() => {
+ refresh()
+ }, [refresh])
+
+ const login = useCallback(async (username, password) => {
+ const data = await api.login(username, password)
+ setUser(data.user)
+ return data.user
+ }, [])
+
+ const logout = useCallback(async () => {
+ try {
+ await api.logout()
+ } finally {
+ setUser(null)
+ }
+ }, [])
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useAuth() {
+ const ctx = useContext(AuthContext)
+ if (!ctx) throw new Error('useAuth must be used within AuthProvider')
+ return ctx
+}
diff --git a/client/src/contexts/SiteContext.jsx b/client/src/contexts/SiteContext.jsx
new file mode 100644
index 0000000..6fead48
--- /dev/null
+++ b/client/src/contexts/SiteContext.jsx
@@ -0,0 +1,42 @@
+import { createContext, useContext, useEffect, useState, useCallback } from 'react'
+import { api } from '../api/client.js'
+
+const SiteContext = createContext(null)
+
+// Public site settings + mode (always reachable, even during maintenance).
+export function SiteProvider({ children }) {
+ const [settings, setSettings] = useState({})
+ const [loading, setLoading] = useState(true)
+
+ const refresh = useCallback(async () => {
+ try {
+ const data = await api.publicSettings()
+ setSettings(data || {})
+ } catch {
+ setSettings({})
+ } finally {
+ setLoading(false)
+ }
+ }, [])
+
+ useEffect(() => {
+ refresh()
+ }, [refresh])
+
+ const value = {
+ settings,
+ loading,
+ refresh,
+ mode: settings.site_mode || 'live',
+ siteTitle: settings.site_title || 'UOMysticmoon',
+ contactEmail: settings.contact_email || 'UOMysticmoon@gmail.com',
+ }
+
+ return {children}
+}
+
+export function useSite() {
+ const ctx = useContext(SiteContext)
+ if (!ctx) throw new Error('useSite must be used within SiteProvider')
+ return ctx
+}
diff --git a/client/src/lib/format.js b/client/src/lib/format.js
new file mode 100644
index 0000000..bb3fb1a
--- /dev/null
+++ b/client/src/lib/format.js
@@ -0,0 +1,66 @@
+// Date + label helpers shared across pages.
+
+const MONTHS = [
+ 'January', 'February', 'March', 'April', 'May', 'June',
+ 'July', 'August', 'September', 'October', 'November', 'December',
+]
+
+function parse(value) {
+ if (!value) return null
+ const d = new Date(value)
+ return isNaN(d.getTime()) ? null : d
+}
+
+// "June 24, 2026"
+export function longDate(value) {
+ const d = parse(value)
+ if (!d) return ''
+ return `${MONTHS[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`
+}
+
+// "Jun 24"
+export function shortDate(value) {
+ const d = parse(value)
+ if (!d) return ''
+ return `${MONTHS[d.getMonth()].slice(0, 3)} ${d.getDate()}`
+}
+
+// "Jun 26 18:55"
+export function dateTime(value) {
+ const d = parse(value)
+ if (!d) return ''
+ const hh = String(d.getHours()).padStart(2, '0')
+ const mm = String(d.getMinutes()).padStart(2, '0')
+ return `${MONTHS[d.getMonth()].slice(0, 3)} ${d.getDate()} ${hh}:${mm}`
+}
+
+// { mon: 'JUN', num: "'26" } for the newsletter month tile
+export function monthTile(value) {
+ const d = parse(value)
+ if (!d) return { mon: '—', num: '' }
+ return { mon: MONTHS[d.getMonth()].slice(0, 3).toUpperCase(), num: `'${String(d.getFullYear()).slice(2)}` }
+}
+
+// Compact relative time: "5m ago", "2h ago", "1d ago"
+export function ago(value) {
+ const d = parse(value)
+ if (!d) return ''
+ const secs = Math.max(1, Math.floor((Date.now() - d.getTime()) / 1000))
+ if (secs < 60) return `${secs}s ago`
+ const mins = Math.floor(secs / 60)
+ if (mins < 60) return `${mins}m ago`
+ const hrs = Math.floor(mins / 60)
+ if (hrs < 24) return `${hrs}h ago`
+ const days = Math.floor(hrs / 24)
+ return `${days}d ago`
+}
+
+const CATEGORY_LABELS = {
+ news: 'News',
+ five_on_friday: 'Five on Friday',
+ newsletter: 'Newsletter',
+ screenshot: 'Screenshot',
+}
+export function categoryLabel(dbCategory) {
+ return CATEGORY_LABELS[dbCategory] || dbCategory
+}
diff --git a/client/src/lib/useAsync.js b/client/src/lib/useAsync.js
new file mode 100644
index 0000000..4b3bcd9
--- /dev/null
+++ b/client/src/lib/useAsync.js
@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react'
+
+// Minimal data-fetching hook: runs `fn` on mount / when deps change.
+export function useAsync(fn, deps = []) {
+ const [state, setState] = useState({ loading: true, error: null, data: null })
+
+ useEffect(() => {
+ let active = true
+ setState({ loading: true, error: null, data: null })
+ fn()
+ .then((data) => active && setState({ loading: false, error: null, data }))
+ .catch((error) => active && setState({ loading: false, error, data: null }))
+ return () => {
+ active = false
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, deps)
+
+ return state
+}
diff --git a/client/src/main.jsx b/client/src/main.jsx
new file mode 100644
index 0000000..dc409af
--- /dev/null
+++ b/client/src/main.jsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
+import App from './App.jsx'
+import './styles/theme.css'
+
+createRoot(document.getElementById('root')).render(
+
+
+
+ ,
+)
diff --git a/client/src/routes/admin/AdminLayout.jsx b/client/src/routes/admin/AdminLayout.jsx
new file mode 100644
index 0000000..9b62075
--- /dev/null
+++ b/client/src/routes/admin/AdminLayout.jsx
@@ -0,0 +1,154 @@
+import { useEffect } from 'react'
+import { NavLink, Outlet, useNavigate, useLocation } from 'react-router-dom'
+import MoonDot from '../../components/MoonDot.jsx'
+import { useAuth } from '../../contexts/AuthContext.jsx'
+import { useSite } from '../../contexts/SiteContext.jsx'
+
+const NAV = [
+ { to: '/admin', label: 'Dashboard', end: true },
+ { to: '/admin/posts', label: 'Posts' },
+ { to: '/admin/wiki', label: 'Wiki' },
+ { to: '/admin/settings', label: 'Settings' },
+ { to: '/admin/activity', label: 'Activity' },
+ { to: '/admin/users', label: 'Users' },
+]
+
+const TITLES = {
+ '/admin': 'Dashboard',
+ '/admin/posts': 'Posts',
+ '/admin/wiki': 'Wiki Pages',
+ '/admin/settings': 'Site Settings',
+ '/admin/activity': 'Activity Log',
+ '/admin/users': 'Users',
+}
+
+const navBtnBase = {
+ textAlign: 'left',
+ borderRadius: 8,
+ padding: '10px 14px',
+ fontFamily: 'var(--sans)',
+ fontSize: '0.92rem',
+ textDecoration: 'none',
+ display: 'block',
+ transition: 'background .15s,color .15s',
+}
+
+export default function AdminLayout() {
+ const { user, logout } = useAuth()
+ const { mode } = useSite()
+ const navigate = useNavigate()
+ const location = useLocation()
+ const title = TITLES[location.pathname] || 'Admin'
+ const modeDot = mode === 'live' ? 'var(--mode-live)' : 'var(--mode-maint)'
+
+ // Keep the admin out of search indexes (belt-and-suspenders with robots.txt).
+ useEffect(() => {
+ const meta = document.createElement('meta')
+ meta.name = 'robots'
+ meta.content = 'noindex, nofollow'
+ document.head.appendChild(meta)
+ return () => document.head.removeChild(meta)
+ }, [])
+
+ async function signOut() {
+ await logout()
+ navigate('/admin/login', { replace: true })
+ }
+
+ return (
+
+ {/* Sidebar */}
+
+
+
+
+
+ UOMysticmoon
+
+
+ Admin
+
+
+
+ {NAV.map((n) => (
+ ({
+ ...navBtnBase,
+ background: isActive ? 'var(--blue)' : 'transparent',
+ color: isActive ? 'var(--ink)' : 'var(--muted)',
+ borderLeft: `2px solid ${isActive ? 'var(--accent)' : 'transparent'}`,
+ })}
+ >
+ {n.label}
+
+ ))}
+
+
+
+
+ {mode}
+
+
+ Sign out
+
+
+
+ {/* Main */}
+
+
+
+
+
+
+
+
+
+
+
+
+ UOMysticmoon
+
+
+ Admin Panel
+
+
+
+
+
+
+
+ )
+}
diff --git a/client/src/routes/admin/views/ActivityAdmin.jsx b/client/src/routes/admin/views/ActivityAdmin.jsx
new file mode 100644
index 0000000..bddbe57
--- /dev/null
+++ b/client/src/routes/admin/views/ActivityAdmin.jsx
@@ -0,0 +1,57 @@
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { useAsync } from '../../../lib/useAsync.js'
+import { dateTime } from '../../../lib/format.js'
+import { api } from '../../../api/client.js'
+import { formatDetail } from './Dashboard.jsx'
+
+export default function ActivityAdmin() {
+ const { loading, error, data } = useAsync(() => api.admin.activity(100))
+ const rows = data || []
+
+ if (loading) return
+
+
+
+
+ Action
+ Detail
+ User
+ IP
+ When
+
+
+
+ {rows.length === 0 && (
+
+
+ No activity recorded yet.
+
+
+ )}
+ {rows.map((a) => (
+
+
+
+ {a.action}
+
+
+ {formatDetail(a)}
+
+ {a.username || '—'}
+
+
+ {a.ip || '—'}
+
+ {dateTime(a.created_at)}
+
+ ))}
+
+
+
+ )
+}
diff --git a/client/src/routes/admin/views/Dashboard.jsx b/client/src/routes/admin/views/Dashboard.jsx
new file mode 100644
index 0000000..ce2c391
--- /dev/null
+++ b/client/src/routes/admin/views/Dashboard.jsx
@@ -0,0 +1,138 @@
+import { useCallback, useState } from 'react'
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { useAsync } from '../../../lib/useAsync.js'
+import { ago, dateTime } from '../../../lib/format.js'
+import { api } from '../../../api/client.js'
+import { useSite } from '../../../contexts/SiteContext.jsx'
+
+export default function Dashboard() {
+ const { refresh: refreshSite } = useSite()
+ const [tick, setTick] = useState(0)
+ const reload = useCallback(() => setTick((t) => t + 1), [])
+
+ const { loading, error, data } = useAsync(
+ () => Promise.all([api.admin.dashboard(), api.admin.listPosts(), api.admin.listWiki()]),
+ [tick],
+ )
+ const [busy, setBusy] = useState(false)
+
+ if (loading) return
+
+
+
+ Site mode
+
+
+
+ {mode}
+
+
+
+ {changed.by ? `Changed by ${changed.by}` : 'No changes recorded'}
+ {changed.at ? ` · ${dateTime(changed.at)}` : ''}
+
+
+
+ {busy ? 'Saving…' : isLive ? 'Switch to Maintenance' : 'Switch to Live'}
+
+
+ {stats.map((s) => (
+
+
+ {s.value}
+
+
+ {s.label}
+
+
+ ))}
+
+ Recent activity
+
+
+ {(dash.recent_activity || []).length === 0 && (
+
No activity yet.
+ )}
+ {(dash.recent_activity || []).map((a) => (
+
+
+ {a.action}
+
+ {formatDetail(a)}
+ {ago(a.created_at)}
+
+ ))}
+
+ )
+}
+
+// Render the JSON `detail` column in a human-ish way.
+export function formatDetail(a) {
+ if (!a.detail) return a.username ? `by ${a.username}` : '—'
+ try {
+ const obj = JSON.parse(a.detail)
+ return Object.entries(obj)
+ .map(([k, v]) => `${k}: ${v}`)
+ .join(', ')
+ } catch {
+ return a.detail
+ }
+}
diff --git a/client/src/routes/admin/views/PostEditor.jsx b/client/src/routes/admin/views/PostEditor.jsx
new file mode 100644
index 0000000..5d1df24
--- /dev/null
+++ b/client/src/routes/admin/views/PostEditor.jsx
@@ -0,0 +1,167 @@
+import { useState } from 'react'
+import Modal from '../../../components/Modal.jsx'
+import { api } from '../../../api/client.js'
+
+const CATEGORIES = [
+ { v: 'news', l: 'News' },
+ { v: 'five-on-friday', l: 'Five on Friday' },
+ { v: 'newsletter', l: 'Newsletter' },
+ { v: 'screenshots', l: 'Screenshots' },
+]
+const DB_TO_URL = { news: 'news', five_on_friday: 'five-on-friday', newsletter: 'newsletter', screenshot: 'screenshots' }
+
+export default function PostEditor({ post, onClose, onSaved }) {
+ const isEdit = Boolean(post)
+ const [form, setForm] = useState({
+ category: post ? DB_TO_URL[post.category] || 'news' : 'news',
+ title: post?.title || '',
+ slug: post?.slug || '',
+ excerpt: post?.excerpt || '',
+ body: post?.body || '',
+ image_url: post?.image_url || '',
+ published: post ? Boolean(post.published) : false,
+ })
+ const [busy, setBusy] = useState(false)
+ const [uploading, setUploading] = useState(false)
+ const [error, setError] = useState('')
+
+ const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.type === 'checkbox' ? e.target.checked : e.target.value }))
+ const isScreenshot = form.category === 'screenshots'
+
+ async function onUpload(e) {
+ const file = e.target.files?.[0]
+ if (!file) return
+ setUploading(true)
+ setError('')
+ try {
+ const res = await api.admin.uploadImage(file)
+ setForm((f) => ({ ...f, image_url: res.image_url }))
+ } catch (err) {
+ setError(err.message || 'Upload failed')
+ } finally {
+ setUploading(false)
+ }
+ }
+
+ async function save() {
+ if (!form.title.trim()) return setError('Title is required.')
+ if (isScreenshot && !form.image_url) return setError('Screenshots need an image.')
+ setBusy(true)
+ setError('')
+ const payload = {
+ category: form.category,
+ title: form.title.trim(),
+ slug: form.slug.trim() || null,
+ excerpt: form.excerpt.trim() || null,
+ body: form.body || null,
+ image_url: form.image_url || null,
+ published: form.published,
+ }
+ try {
+ if (isEdit) await api.admin.updatePost(post.id, payload)
+ else await api.admin.createPost(payload)
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not save the post.')
+ setBusy(false)
+ }
+ }
+
+ async function remove() {
+ if (!confirm('Delete this post? This cannot be undone.')) return
+ setBusy(true)
+ try {
+ await api.admin.deletePost(post.id)
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not delete.')
+ setBusy(false)
+ }
+ }
+
+ return (
+
+ {isEdit && (
+
+ Delete
+
+ )}
+
+ Cancel
+
+
+ {busy ? 'Saving…' : 'Save'}
+
+
+ }
+ >
+
+
+ )
+}
+
+const delStyle = {
+ border: '1px solid #6e3b38',
+ borderRadius: 999,
+ padding: '7px 16px',
+ background: 'rgba(110,59,56,0.18)',
+ color: '#d98b84',
+ fontSize: '0.86rem',
+ cursor: 'pointer',
+ marginRight: 'auto',
+}
diff --git a/client/src/routes/admin/views/PostsAdmin.jsx b/client/src/routes/admin/views/PostsAdmin.jsx
new file mode 100644
index 0000000..1aa7b93
--- /dev/null
+++ b/client/src/routes/admin/views/PostsAdmin.jsx
@@ -0,0 +1,108 @@
+import { useCallback, useState } from 'react'
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { useAsync } from '../../../lib/useAsync.js'
+import { shortDate, categoryLabel } from '../../../lib/format.js'
+import { api } from '../../../api/client.js'
+import PostEditor from './PostEditor.jsx'
+
+const FILTERS = [
+ { key: 'all', label: 'All' },
+ { key: 'news', label: 'News', db: 'news' },
+ { key: 'five_on_friday', label: 'Five on Friday', db: 'five_on_friday' },
+ { key: 'newsletter', label: 'Newsletter', db: 'newsletter' },
+ { key: 'screenshot', label: 'Screenshots', db: 'screenshot' },
+]
+
+export default function PostsAdmin() {
+ const [tick, setTick] = useState(0)
+ const reload = useCallback(() => setTick((t) => t + 1), [])
+ const { loading, error, data } = useAsync(() => api.admin.listPosts(), [tick])
+ const [filter, setFilter] = useState('all')
+ const [editing, setEditing] = useState(null) // null | 'new' | post object
+
+ const posts = (data || []).filter((p) => filter === 'all' || p.category === filter)
+
+ return (
+
+
+
+ {FILTERS.map((f) => (
+ setFilter(f.key)}
+ className="pill"
+ style={
+ filter === f.key
+ ? { borderColor: 'var(--accent)', background: 'var(--blue)', color: 'var(--ink)' }
+ : undefined
+ }
+ >
+ {f.label}
+
+ ))}
+
+
setEditing('new')} className="btn btn-primary btn-sq">
+ + New post
+
+
+
+
+
+ Title
+ Category
+ Status
+ Date
+
+
+
+ {posts.length === 0 && (
+
+
+ No posts in this category yet.
+
+
+ )}
+ {posts.map((p) => (
+
+
+ {p.title}
+
+ {categoryLabel(p.category)}
+
+
+ {p.published ? 'Published' : 'Draft'}
+
+
+ {shortDate(p.published_at || p.created_at)}
+
+ setEditing(p)}>
+ Edit
+
+
+
+ ))}
+
+
+
setEditing(null)}
+ onSaved={() => {
+ setEditing(null)
+ reload()
+ }}
+ />
+ )}
+
+ )
+}
diff --git a/client/src/routes/admin/views/SettingsAdmin.jsx b/client/src/routes/admin/views/SettingsAdmin.jsx
new file mode 100644
index 0000000..65bb5d9
--- /dev/null
+++ b/client/src/routes/admin/views/SettingsAdmin.jsx
@@ -0,0 +1,91 @@
+import { useEffect, useState } from 'react'
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { api } from '../../../api/client.js'
+import { useSite } from '../../../contexts/SiteContext.jsx'
+
+// Editable settings shown on this screen (key -> label + control type).
+const FIELDS = [
+ { key: 'site_title', label: 'Site title' },
+ { key: 'homepage_teaser', label: 'Homepage teaser', long: true },
+ { key: 'maintenance_message', label: 'Maintenance message', long: true },
+ { key: 'status_message', label: 'Status message' },
+ { key: 'contact_email', label: 'Contact email' },
+]
+
+export default function SettingsAdmin() {
+ const { refresh: refreshSite } = useSite()
+ const [values, setValues] = useState(null)
+ const [initial, setInitial] = useState({})
+ const [loading, setLoading] = useState(true)
+ const [error, setError] = useState('')
+ const [busy, setBusy] = useState(false)
+ const [saved, setSaved] = useState(false)
+
+ useEffect(() => {
+ let active = true
+ api.admin
+ .getSettings()
+ .then((all) => {
+ if (!active) return
+ const v = {}
+ FIELDS.forEach((f) => (v[f.key] = all[f.key] ?? ''))
+ setValues(v)
+ setInitial(v)
+ })
+ .catch(() => active && setError('Could not load settings.'))
+ .finally(() => active && setLoading(false))
+ return () => {
+ active = false
+ }
+ }, [])
+
+ if (loading) return
+
+ {FIELDS.map((f) => (
+
+ {f.label}
+ {f.long ? (
+
+ ) : (
+
+ ))}
+
+
+ {busy ? 'Saving…' : 'Save changes'}
+
+ setValues(initial)} disabled={busy} className="pill">
+ Reset
+
+ {saved && Saved. }
+ {error && {error} }
+
+
+ )
+}
diff --git a/client/src/routes/admin/views/UserEditor.jsx b/client/src/routes/admin/views/UserEditor.jsx
new file mode 100644
index 0000000..2c1cd87
--- /dev/null
+++ b/client/src/routes/admin/views/UserEditor.jsx
@@ -0,0 +1,102 @@
+import { useState } from 'react'
+import Modal from '../../../components/Modal.jsx'
+import { api } from '../../../api/client.js'
+
+export default function UserEditor({ user, onClose, onSaved }) {
+ const isEdit = Boolean(user)
+ const [form, setForm] = useState({
+ username: user?.username || '',
+ password: '',
+ role: user?.role || 'admin',
+ })
+ const [busy, setBusy] = useState(false)
+ const [error, setError] = useState('')
+
+ const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value }))
+
+ async function save() {
+ if (!form.username.trim()) return setError('Username is required.')
+ if (!isEdit && form.password.length < 8) return setError('Password must be at least 8 characters.')
+ if (isEdit && form.password && form.password.length < 8) return setError('Password must be at least 8 characters.')
+ setBusy(true)
+ setError('')
+ try {
+ if (isEdit) {
+ const payload = { username: form.username.trim(), role: form.role }
+ if (form.password) payload.password = form.password
+ await api.admin.updateUser(user.id, payload)
+ } else {
+ await api.admin.createUser({ username: form.username.trim(), password: form.password, role: form.role })
+ }
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not save the user.')
+ setBusy(false)
+ }
+ }
+
+ async function remove() {
+ if (!confirm(`Delete user "${user.username}"?`)) return
+ setBusy(true)
+ try {
+ await api.admin.deleteUser(user.id)
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not delete this user.')
+ setBusy(false)
+ }
+ }
+
+ return (
+
+ {isEdit && (
+
+ Delete
+
+ )}
+
+ Cancel
+
+
+ {busy ? 'Saving…' : 'Save'}
+
+
+ }
+ >
+
+ {error &&
{error}
}
+
+ Username
+
+
+ {isEdit ? 'New password (leave blank to keep)' : 'Password'}
+
+
+ Role
+
+ admin
+ editor
+
+
+
+ )
+}
+
+const delStyle = {
+ border: '1px solid #6e3b38',
+ borderRadius: 999,
+ padding: '7px 16px',
+ background: 'rgba(110,59,56,0.18)',
+ color: '#d98b84',
+ fontSize: '0.86rem',
+ cursor: 'pointer',
+ marginRight: 'auto',
+}
diff --git a/client/src/routes/admin/views/UsersAdmin.jsx b/client/src/routes/admin/views/UsersAdmin.jsx
new file mode 100644
index 0000000..36a50a5
--- /dev/null
+++ b/client/src/routes/admin/views/UsersAdmin.jsx
@@ -0,0 +1,74 @@
+import { useCallback, useState } from 'react'
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { useAsync } from '../../../lib/useAsync.js'
+import { dateTime } from '../../../lib/format.js'
+import { api } from '../../../api/client.js'
+import UserEditor from './UserEditor.jsx'
+
+export default function UsersAdmin() {
+ const [tick, setTick] = useState(0)
+ const reload = useCallback(() => setTick((t) => t + 1), [])
+ const { loading, error, data } = useAsync(() => api.admin.listUsers(), [tick])
+ const [editing, setEditing] = useState(null) // null | 'new' | user
+ const users = data || []
+
+ return (
+
+
+
+ Manage admin and editor accounts
+
+
setEditing('new')} className="btn btn-primary btn-sq">
+ + Add user
+
+
+
+
+
+ Username
+ Role
+ Last login
+
+
+
+ {users.map((u) => (
+
+
+ {u.username}
+
+
+ {u.role}
+
+ {u.last_login_at ? dateTime(u.last_login_at) : 'never'}
+
+ setEditing(u)}>
+ Edit
+
+
+
+ ))}
+
+
+
setEditing(null)}
+ onSaved={() => {
+ setEditing(null)
+ reload()
+ }}
+ />
+ )}
+
+ )
+}
diff --git a/client/src/routes/admin/views/WikiAdmin.jsx b/client/src/routes/admin/views/WikiAdmin.jsx
new file mode 100644
index 0000000..ed682a9
--- /dev/null
+++ b/client/src/routes/admin/views/WikiAdmin.jsx
@@ -0,0 +1,74 @@
+import { useCallback, useState } from 'react'
+import { Loading, ErrorState } from '../../../components/PageState.jsx'
+import { useAsync } from '../../../lib/useAsync.js'
+import { shortDate } from '../../../lib/format.js'
+import { api } from '../../../api/client.js'
+import WikiEditor from './WikiEditor.jsx'
+
+export default function WikiAdmin() {
+ const [tick, setTick] = useState(0)
+ const reload = useCallback(() => setTick((t) => t + 1), [])
+ const { loading, error, data } = useAsync(() => api.admin.listWiki(), [tick])
+ const [editing, setEditing] = useState(null) // null | 'new' | slug
+ const pages = data || []
+
+ return (
+
+
+
+ {pages.length} page{pages.length === 1 ? '' : 's'} · edit content and structure
+
+
setEditing('new')} className="btn btn-primary btn-sq">
+ + New page
+
+
+
+
+
+ Page
+ Slug
+ Updated
+
+
+
+ {pages.map((w) => (
+
+
+ {w.title}
+
+
+ {w.slug}
+
+ {shortDate(w.updated_at)}
+
+ setEditing(w.slug)}>
+ Edit
+
+
+
+ ))}
+
+
+
setEditing(null)}
+ onSaved={() => {
+ setEditing(null)
+ reload()
+ }}
+ />
+ )}
+
+ )
+}
diff --git a/client/src/routes/admin/views/WikiEditor.jsx b/client/src/routes/admin/views/WikiEditor.jsx
new file mode 100644
index 0000000..ea04442
--- /dev/null
+++ b/client/src/routes/admin/views/WikiEditor.jsx
@@ -0,0 +1,115 @@
+import { useEffect, useState } from 'react'
+import Modal from '../../../components/Modal.jsx'
+import { api } from '../../../api/client.js'
+
+export default function WikiEditor({ slug, onClose, onSaved }) {
+ const isEdit = Boolean(slug)
+ const [form, setForm] = useState({ slug: '', title: '', body: '' })
+ const [loading, setLoading] = useState(isEdit)
+ const [busy, setBusy] = useState(false)
+ const [error, setError] = useState('')
+
+ useEffect(() => {
+ if (!isEdit) return
+ let active = true
+ api.admin
+ .getWiki(slug)
+ .then((p) => active && setForm({ slug: p.slug, title: p.title, body: p.body || '' }))
+ .catch(() => active && setError('Could not load this page.'))
+ .finally(() => active && setLoading(false))
+ return () => {
+ active = false
+ }
+ }, [slug, isEdit])
+
+ const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value }))
+
+ async function save() {
+ if (!form.title.trim()) return setError('Title is required.')
+ if (!isEdit && !/^[a-z0-9-]+$/.test(form.slug)) return setError('Slug must be lowercase letters, numbers, and dashes.')
+ setBusy(true)
+ setError('')
+ try {
+ if (isEdit) await api.admin.updateWiki(slug, { title: form.title.trim(), body: form.body })
+ else await api.admin.createWiki({ slug: form.slug, title: form.title.trim(), body: form.body })
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not save.')
+ setBusy(false)
+ }
+ }
+
+ async function remove() {
+ if (!confirm('Delete this wiki page?')) return
+ setBusy(true)
+ try {
+ await api.admin.deleteWiki(slug)
+ onSaved()
+ } catch (err) {
+ setError(err.message || 'Could not delete.')
+ setBusy(false)
+ }
+ }
+
+ return (
+
+ {isEdit && (
+
+ Delete
+
+ )}
+
+ Cancel
+
+
+ {busy ? 'Saving…' : 'Save'}
+
+
+ }
+ >
+ {loading ? (
+
+ {error &&
{error}
}
+
+ Slug
+
+
+ Title
+
+
+ Body (HTML — use <h2> for the table of contents)
+
+
+
+ )
+}
+
+const delStyle = {
+ border: '1px solid #6e3b38',
+ borderRadius: 999,
+ padding: '7px 16px',
+ background: 'rgba(110,59,56,0.18)',
+ color: '#d98b84',
+ fontSize: '0.86rem',
+ cursor: 'pointer',
+ marginRight: 'auto',
+}
diff --git a/client/src/routes/public/About.jsx b/client/src/routes/public/About.jsx
new file mode 100644
index 0000000..13a53ea
--- /dev/null
+++ b/client/src/routes/public/About.jsx
@@ -0,0 +1,44 @@
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { useSite } from '../../contexts/SiteContext.jsx'
+
+export default function About() {
+ const { contactEmail } = useSite()
+ return (
+
+
+
+
+
+ Mysticmoon is an independent, privately-run Ultima Online shard built by a small group of long-time players.
+ It is not affiliated with or endorsed by the owners of Ultima Online — it is a labor of love for the old
+ worlds and the friendships made in them.
+
+
+ Our aim is a calm, hand-tended world: a contested wilderness worth exploring, safe towns worth living in,
+ and systems that reward curiosity over grind. We are building slowly and in the open, sharing news,
+ screenshots, and guides as the world comes online.
+
+
What to expect
+
+ A hybrid ruleset — safe towns, a dangerous wild.
+ Custom crafting, housing, and exploration content.
+ A small, friendly population and an active wiki.
+
+
+
+
+ Get in touch
+
+
+ Questions, ideas, or want to help build? Reach us at{' '}
+
+ {contactEmail}
+
+ .
+
+
+
+ )
+}
diff --git a/client/src/routes/public/FiveOnFriday.jsx b/client/src/routes/public/FiveOnFriday.jsx
new file mode 100644
index 0000000..9b99bf7
--- /dev/null
+++ b/client/src/routes/public/FiveOnFriday.jsx
@@ -0,0 +1,49 @@
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState, EmptyState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { longDate } from '../../lib/format.js'
+import { api } from '../../api/client.js'
+
+export default function FiveOnFriday() {
+ const { loading, error, data } = useAsync(() => api.posts('five-on-friday'))
+ const issues = data || []
+
+ return (
+
+
+
+
+ {loading && No Five on Friday posts yet — the first one is coming soon.
+ )}
+ {issues.map((it) => (
+
+
+ Five on Friday
+ {longDate(it.published_at || it.created_at)}
+
+
+ {it.title}
+
+ {it.body ? (
+
+ ) : (
+ it.excerpt && {it.excerpt}
+ )}
+
+ ))}
+
+
+ )
+}
diff --git a/client/src/routes/public/Maintenance.jsx b/client/src/routes/public/Maintenance.jsx
new file mode 100644
index 0000000..7b4dc05
--- /dev/null
+++ b/client/src/routes/public/Maintenance.jsx
@@ -0,0 +1,62 @@
+import { Link } from 'react-router-dom'
+import MoonDot from '../../components/MoonDot.jsx'
+import { useSite } from '../../contexts/SiteContext.jsx'
+
+const HERO_BG =
+ "linear-gradient(180deg,rgba(11,15,20,0.55) 0%,rgba(11,15,20,0.74) 60%,rgba(11,15,20,0.92) 100%),url('/assets/img/uomysticmoon-main-hero.png')"
+
+export default function Maintenance() {
+ const { settings, contactEmail } = useSite()
+ const message =
+ settings.maintenance_message ||
+ 'Mysticmoon is in maintenance while we shape its towns, roads, and dungeons. The gates will open soon. Until then, follow along as the world wakes.'
+
+ return (
+
+
+
+
+
+ Building beneath the moon
+
+
+ The world is not yet open
+
+
{message}
+
+
+ {contactEmail} · {' '}
+
+
+ )
+}
diff --git a/client/src/routes/public/News.jsx b/client/src/routes/public/News.jsx
new file mode 100644
index 0000000..42a946a
--- /dev/null
+++ b/client/src/routes/public/News.jsx
@@ -0,0 +1,51 @@
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState, EmptyState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { longDate } from '../../lib/format.js'
+import { api } from '../../api/client.js'
+
+export default function News() {
+ const { loading, error, data } = useAsync(() => api.posts('news'))
+ const posts = data || []
+
+ return (
+
+
+
+
+ {loading && No news posts yet — check back soon. }
+ {posts.map((p) => (
+
+
+ News
+ {longDate(p.published_at || p.created_at)}
+
+
+ {p.title}
+
+ {(p.excerpt || p.body) && (
+ {p.excerpt || stripHtml(p.body)}
+ )}
+
+ ))}
+
+
+ )
+}
+
+function stripHtml(html) {
+ if (!html) return ''
+ const text = html.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim()
+ return text.length > 280 ? text.slice(0, 280) + '…' : text
+}
diff --git a/client/src/routes/public/Newsletter.jsx b/client/src/routes/public/Newsletter.jsx
new file mode 100644
index 0000000..ec058b8
--- /dev/null
+++ b/client/src/routes/public/Newsletter.jsx
@@ -0,0 +1,136 @@
+import { useState } from 'react'
+import { Link } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState, EmptyState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { monthTile } from '../../lib/format.js'
+import { api } from '../../api/client.js'
+import { useSite } from '../../contexts/SiteContext.jsx'
+
+export default function Newsletter() {
+ const { loading, error, data } = useAsync(() => api.posts('newsletter'))
+ const issues = data || []
+
+ return (
+
+
+
+
+
+
+
+ {loading && No issues published yet. }
+ {issues.map((i) => {
+ const tile = monthTile(i.published_at || i.created_at)
+ return (
+
+ {tile.mon}
+ {tile.num}
+
+
+
+ {i.title}
+
+
+ {i.excerpt || ''}
+
+
+ Read →
+
+
+ )
+ })}
+
+
+ )
+}
+
+function SubscribeBox() {
+ const { contactEmail } = useSite()
+ const [email, setEmail] = useState('')
+ const [status, setStatus] = useState(null) // null | 'sending' | 'done' | 'mailto' | 'error'
+
+ async function onSubmit(e) {
+ e.preventDefault()
+ if (!email) return
+ setStatus('sending')
+ try {
+ const res = await api.contact({ email, message: `Newsletter subscription request from ${email}` })
+ setStatus(res && res.fallback === 'mailto' ? 'mailto' : 'done')
+ } catch {
+ setStatus('error')
+ }
+ }
+
+ return (
+
+
+ Get each issue in your inbox the day it ships.
+
+ {status === 'done' && Thanks — we'll be in touch. }
+ {status === 'mailto' && (
+
+ Email us to subscribe →
+
+ )}
+ {status !== 'done' && status !== 'mailto' && (
+
+ )}
+ {status === 'error' && Something went wrong. }
+
+ )
+}
diff --git a/client/src/routes/public/NewsletterIssue.jsx b/client/src/routes/public/NewsletterIssue.jsx
new file mode 100644
index 0000000..36fe976
--- /dev/null
+++ b/client/src/routes/public/NewsletterIssue.jsx
@@ -0,0 +1,61 @@
+import { Link, useParams } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import { Loading, ErrorState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { longDate, monthTile } from '../../lib/format.js'
+import { api } from '../../api/client.js'
+
+export default function NewsletterIssue() {
+ const { id } = useParams()
+ const { loading, error, data: issue } = useAsync(() => api.post('newsletter', id), [id])
+
+ return (
+
+
+ {loading &&
}
+ {error && (
+
+ )}
+ {issue &&
}
+ {(error || issue) && (
+
+
+ )}
+
+ )
+}
+
+function Issue({ issue }) {
+ const tile = monthTile(issue.published_at || issue.created_at)
+ const label = `${tile.mon} ${tile.num}`.trim()
+ return (
+
+
+ /
+ {longDate(issue.published_at || issue.created_at)}
+
+
+ Issue — {label}
+
+
+ {issue.title}
+
+ {issue.excerpt && {issue.excerpt}
}
+
+ {issue.body ? (
+
+ ) : (
+ This issue has no content yet.
+ )}
+
+ )
+}
diff --git a/client/src/routes/public/Portal.jsx b/client/src/routes/public/Portal.jsx
new file mode 100644
index 0000000..0c8713f
--- /dev/null
+++ b/client/src/routes/public/Portal.jsx
@@ -0,0 +1,112 @@
+import { Link } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import { useSite } from '../../contexts/SiteContext.jsx'
+
+const HERO_BG =
+ "linear-gradient(90deg,rgba(11,15,20,0.34) 0%,rgba(11,15,20,0.5) 36%,rgba(11,15,20,0.78) 62%,rgba(11,15,20,0.66) 100%),linear-gradient(180deg,rgba(11,15,20,0.08) 0%,rgba(11,15,20,0.72) 100%),url('/assets/img/uomysticmoon-main-hero.png')"
+
+const QUICK = [
+ { label: 'News', to: '/site/news' },
+ { label: 'Screenshots', to: '/site/screenshots' },
+ { label: 'Five on Friday', to: '/site/five-on-friday' },
+ { label: 'Monthly Newsletter', to: '/site/newsletter' },
+ { label: 'About', to: '/site/about' },
+]
+
+const DESTINATIONS = [
+ {
+ kicker: 'Public portal',
+ title: 'Mysticmoon Website',
+ body: 'Updates, screenshots, newsletters, and weekly community posts from the shard.',
+ to: '/site',
+ },
+ {
+ kicker: 'Knowledge base',
+ title: 'Mysticmoon Wiki',
+ body: 'Guides, maps, systems, items, monsters, crafting, lore, and rules.',
+ to: '/wiki',
+ },
+]
+
+export default function Portal() {
+ const { settings } = useSite()
+ const teaser =
+ settings.homepage_teaser ||
+ 'Mysticmoon is still being shaped beneath a midnight sky — a quiet preview for the news, screenshots, guides, and community notes to come as the world wakes.'
+
+ return (
+
+
+
+
+
+ Private shard project
+
+
+ UOMysticmoon
+
+
+ A private Ultima Online world in progress
+
+
{teaser}
+
+
+
+
+
+
+ {DESTINATIONS.map((d) => (
+
+ {d.kicker}
+
+
+ {d.title}
+
+ {d.body}
+
+ ))}
+
+
+
+
+
+ {QUICK.map((q) => (
+
+
+
+
+ )
+}
diff --git a/client/src/routes/public/Screenshots.jsx b/client/src/routes/public/Screenshots.jsx
new file mode 100644
index 0000000..efc76fc
--- /dev/null
+++ b/client/src/routes/public/Screenshots.jsx
@@ -0,0 +1,62 @@
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState, EmptyState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { api } from '../../api/client.js'
+
+const HATCH = 'repeating-linear-gradient(135deg,#141a21,#141a21 13px,#181f29 13px,#181f29 26px)'
+
+export default function Screenshots() {
+ const { loading, error, data } = useAsync(() => api.posts('screenshots'))
+ const shots = data || []
+
+ return (
+
+
+
+ {loading &&
}
+ {error &&
}
+ {!loading && !error && shots.length === 0 &&
No screenshots posted yet. }
+
+ {shots.map((s) => (
+
+ {s.image_url ? (
+
+ image · {s.slug || s.id}
+
+ )}
+ {(s.excerpt || s.title) && (
+
+ {s.excerpt || s.title}
+
+ )}
+
+ ))}
+
+
+ )
+}
diff --git a/client/src/routes/public/Status.jsx b/client/src/routes/public/Status.jsx
new file mode 100644
index 0000000..a917453
--- /dev/null
+++ b/client/src/routes/public/Status.jsx
@@ -0,0 +1,86 @@
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { api } from '../../api/client.js'
+
+export default function Status() {
+ const { loading, error, data } = useAsync(() => api.status())
+ const mode = data?.mode || 'live'
+ const statusMessage = data?.status_message || ''
+ const isLive = mode === 'live'
+
+ const stats = [
+ { value: isLive ? 'Live' : 'Maint.', label: 'Site mode' },
+ { value: isLive ? 'Open' : 'Closed', label: 'Public login' },
+ { value: statusMessage || '—', label: 'Latest note' },
+ ]
+
+ return (
+
+
+
+
+ {loading &&
}
+ {error &&
}
+
+ {!loading && !error && (
+ <>
+
+
+
+ {isLive ? 'Live — the gates are open' : 'Maintenance — building in progress'}
+
+
+ {statusMessage || (isLive ? 'The shard is online.' : 'The gates are closed while we shape the world. Public login is not open yet.')}
+
+
+
+
+
+ {stats.map((s) => (
+
+
+ {s.value}
+
+
+ {s.label}
+
+
+
+ )}
+
+ )
+}
diff --git a/client/src/routes/public/Website.jsx b/client/src/routes/public/Website.jsx
new file mode 100644
index 0000000..7d581fd
--- /dev/null
+++ b/client/src/routes/public/Website.jsx
@@ -0,0 +1,40 @@
+import { Link } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+
+const CARDS = [
+ { kicker: 'Gallery', title: 'Gameplay Pictures', body: 'Screenshots from towns, dungeons, events, and daily life on the shard.', to: '/site/screenshots' },
+ { kicker: 'Updates', title: 'Development News', body: 'Progress notes, shard milestones, and public announcements.', to: '/site/news' },
+ { kicker: 'Community', title: 'Five on Friday', body: 'Weekly questions, small previews, and notes from the team.', to: '/site/five-on-friday' },
+ { kicker: 'Long-form', title: 'Monthly Newsletter', body: 'Fuller summaries for players who want the whole picture.', to: '/site/newsletter' },
+ { kicker: 'Reference', title: 'Wiki', body: 'Guides and reference pages for the Mysticmoon world.', to: '/wiki' },
+ { kicker: 'Live', title: 'Shard Status', body: 'Launch state, test windows, and known issues.', to: '/site/status' },
+]
+
+export default function Website() {
+ return (
+
+
+
+
+ {CARDS.map((c) => (
+ {c.kicker}
+
+ {c.title}
+
+
+ {c.body}
+
+
+ ))}
+
+
+ )
+}
diff --git a/client/src/routes/wiki/Wiki.jsx b/client/src/routes/wiki/Wiki.jsx
new file mode 100644
index 0000000..06ffc16
--- /dev/null
+++ b/client/src/routes/wiki/Wiki.jsx
@@ -0,0 +1,56 @@
+import { Link } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import PageHeader from '../../components/PageHeader.jsx'
+import { Loading, ErrorState, EmptyState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { api } from '../../api/client.js'
+
+const ROMAN = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X', 'XI', 'XII']
+
+// Short blurbs for the seeded categories (the list endpoint returns title/slug only).
+const BLURBS = {
+ 'new-player-guide': 'First steps, basic survival, and early goals.',
+ 'maps-atlas': 'Regions, towns, routes, and travel notes.',
+ systems: 'Shard mechanics and custom features.',
+ items: 'Equipment, treasures, rewards, and curiosities.',
+ monsters: 'Creatures, bosses, spawns, and dangers.',
+ crafting: 'Professions, materials, recipes, and tools.',
+ lore: 'Stories, places, factions, and mysteries.',
+ rules: 'Player conduct, shard expectations, and policies.',
+}
+
+export default function Wiki() {
+ const { loading, error, data } = useAsync(() => api.wiki())
+ const pages = data || []
+
+ return (
+
+
+
+ {loading &&
}
+ {error &&
}
+ {!loading && !error && pages.length === 0 &&
No wiki pages yet. }
+
+ {pages.map((p, i) => (
+
+ {ROMAN[i] || i + 1}
+
+
+ {p.title}
+
+
+ {BLURBS[p.slug] || 'Open the guide →'}
+
+
+ ))}
+
+
+ )
+}
diff --git a/client/src/routes/wiki/WikiArticle.jsx b/client/src/routes/wiki/WikiArticle.jsx
new file mode 100644
index 0000000..3aa7b97
--- /dev/null
+++ b/client/src/routes/wiki/WikiArticle.jsx
@@ -0,0 +1,107 @@
+import { useMemo } from 'react'
+import { Link, useParams } from 'react-router-dom'
+import PublicLayout from '../../components/PublicLayout.jsx'
+import { Loading, ErrorState } from '../../components/PageState.jsx'
+import { useAsync } from '../../lib/useAsync.js'
+import { longDate } from '../../lib/format.js'
+import { api } from '../../api/client.js'
+
+function slugify(text) {
+ return text
+ .toLowerCase()
+ .replace(/[^a-z0-9]+/g, '-')
+ .replace(/(^-|-$)/g, '')
+}
+
+// Parse the stored body HTML: assign ids to headings and collect a TOC.
+function buildArticle(body) {
+ if (!body) return { html: '', toc: [] }
+ if (typeof window === 'undefined' || !window.DOMParser) return { html: body, toc: [] }
+ const doc = new DOMParser().parseFromString(body, 'text/html')
+ const toc = []
+ doc.querySelectorAll('h2').forEach((h, i) => {
+ const id = slugify(h.textContent || '') || `section-${i}`
+ h.id = id
+ toc.push({ id, label: h.textContent })
+ })
+ return { html: doc.body.innerHTML, toc }
+}
+
+export default function WikiArticle() {
+ const { slug } = useParams()
+ const { loading, error, data: page } = useAsync(() => api.wikiPage(slug), [slug])
+ const { html, toc } = useMemo(() => buildArticle(page?.body), [page])
+
+ return (
+
+
+ {loading &&
}
+ {error && (
+
+ )}
+ {page && (
+
+ {toc.length > 0 && (
+
+
+ On this page
+
+
+ {toc.map((t) => (
+
+ {t.label}
+
+ ))}
+
+
+ )}
+
+
+
+ /
+ {page.title}
+
+
+ {page.title}
+
+
+ Last updated {longDate(page.updated_at) || '—'}
+
+
+ {html ? (
+
+ ) : (
+ This page has no content yet.
+ )}
+
+
+
+
+
+ )}
+
+ )
+}
diff --git a/client/src/styles/theme.css b/client/src/styles/theme.css
new file mode 100644
index 0000000..214be29
--- /dev/null
+++ b/client/src/styles/theme.css
@@ -0,0 +1,425 @@
+/* ===== UOMysticmoon design tokens (from the Claude Design handoff) ===== */
+:root {
+ --bg: #0e1318;
+ --bg-deep: #0b0f14;
+ --panel-a: #192231;
+ --panel-b: #141a21;
+ --panel-flat: #11161d;
+ --line: #2a3544;
+ --line-soft: #1d2733;
+ --accent: #7f99bd;
+ --accent-bright: #cdd9e8;
+ --ink: #eef3f8;
+ --head: #e6edf6;
+ --text: #c4cdd8;
+ --muted: #aeb8c4;
+ --dim: #6f7d8e;
+ --blue: #13243c;
+ --mode-live: #5fb98a;
+ --mode-maint: #e6c26a;
+
+ --serif: Georgia, "Times New Roman", serif;
+ --display: Cinzel, Georgia, serif;
+ --sans: "Helvetica Neue", Arial, sans-serif;
+
+ --shadow-card: 0 14px 34px rgba(0, 0, 0, 0.3);
+ --panel-grad: linear-gradient(180deg, var(--panel-a), var(--panel-b));
+}
+
+* {
+ box-sizing: border-box;
+}
+
+html,
+body {
+ margin: 0;
+}
+
+body {
+ background: var(--bg);
+ color: var(--ink);
+ font-family: var(--serif);
+ line-height: 1.6;
+ -webkit-font-smoothing: antialiased;
+}
+
+a {
+ color: inherit;
+}
+
+/* ===== Typography helpers ===== */
+.display {
+ font-family: var(--display);
+ font-weight: 600;
+ color: var(--head);
+}
+.sans {
+ font-family: var(--sans);
+}
+.eyebrow {
+ margin: 0 0 14px;
+ color: var(--accent);
+ font-family: var(--sans);
+ font-size: 0.74rem;
+ font-weight: 700;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+}
+
+/* ===== Layout shells ===== */
+.shell {
+ width: min(1080px, calc(100% - 32px));
+ margin: 0 auto;
+}
+.shell-mid {
+ width: min(880px, calc(100% - 32px));
+ margin: 0 auto;
+}
+.shell-narrow {
+ width: min(760px, calc(100% - 32px));
+ margin: 0 auto;
+}
+.page {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+.page-body {
+ flex: 1;
+ padding: 56px 0 64px;
+}
+
+/* ===== Cards / panels ===== */
+.card {
+ display: flex;
+ flex-direction: column;
+ padding: 24px;
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ text-decoration: none;
+ color: var(--ink);
+ background: var(--panel-grad);
+ box-shadow: var(--shadow-card);
+ transition: border-color 0.18s, transform 0.18s;
+}
+a.card:hover,
+a.card:focus-visible {
+ border-color: var(--accent);
+ transform: translateY(-3px);
+ outline: none;
+}
+.card-kicker {
+ color: var(--accent);
+ font-family: var(--sans);
+ font-size: 0.68rem;
+ font-weight: 700;
+ letter-spacing: 0.15em;
+ text-transform: uppercase;
+ margin-bottom: 12px;
+}
+.panel {
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ background: var(--panel-grad);
+}
+.panel-flat {
+ border: 1px solid var(--line);
+ border-radius: 12px;
+ overflow: hidden;
+ background: var(--panel-flat);
+}
+.note {
+ border: 1px solid var(--line);
+ border-left: 3px solid var(--accent);
+ border-radius: 8px;
+ background: rgba(19, 36, 60, 0.4);
+ padding: 18px 22px;
+ color: var(--muted);
+}
+
+/* ===== Grids ===== */
+.grid-2 {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 18px;
+}
+.grid-3 {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 18px;
+}
+.grid-4 {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 16px;
+}
+@media (max-width: 860px) {
+ .grid-2,
+ .grid-3,
+ .grid-4 {
+ grid-template-columns: 1fr;
+ }
+}
+
+/* ===== Pills / buttons ===== */
+.pill {
+ border: 1px solid var(--line);
+ border-radius: 999px;
+ padding: 7px 14px;
+ color: var(--muted);
+ background: rgba(11, 22, 48, 0.5);
+ font-family: var(--sans);
+ font-size: 0.86rem;
+ text-decoration: none;
+ cursor: pointer;
+ transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+.pill:hover,
+.pill:focus-visible {
+ border-color: var(--accent);
+ background: var(--blue);
+ color: var(--ink);
+ outline: none;
+}
+.btn {
+ border-radius: 999px;
+ padding: 12px 26px;
+ font-family: var(--sans);
+ font-size: 0.92rem;
+ font-weight: 600;
+ text-decoration: none;
+ cursor: pointer;
+ display: inline-block;
+ border: 1px solid var(--accent);
+ transition: background 0.16s, border-color 0.16s, transform 0.16s;
+}
+.btn-primary {
+ background: var(--accent-bright);
+ color: var(--bg-deep);
+}
+.btn-primary:hover {
+ background: var(--ink);
+}
+.btn-ghost {
+ border-color: rgba(200, 208, 216, 0.4);
+ color: var(--ink);
+ background: rgba(11, 22, 48, 0.45);
+}
+.btn-ghost:hover {
+ border-color: var(--accent);
+ background: var(--blue);
+}
+.btn-sq {
+ border-radius: 8px;
+ padding: 10px 18px;
+ font-size: 0.85rem;
+}
+.btn[disabled],
+button[disabled] {
+ opacity: 0.55;
+ cursor: not-allowed;
+}
+
+/* ===== Forms ===== */
+.input,
+.textarea,
+.select {
+ width: 100%;
+ border: 1px solid var(--line);
+ border-radius: 8px;
+ padding: 11px 14px;
+ background: var(--bg);
+ color: var(--ink);
+ font-family: var(--sans);
+ font-size: 0.95rem;
+}
+.textarea {
+ min-height: 200px;
+ resize: vertical;
+ line-height: 1.5;
+}
+.input:focus,
+.textarea:focus,
+.select:focus {
+ border-color: var(--accent);
+ outline: none;
+}
+.field-label {
+ display: block;
+ margin-bottom: 7px;
+ color: var(--muted);
+ font-family: var(--sans);
+ font-size: 0.78rem;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+}
+
+/* ===== Headings used in prose ===== */
+.h1 {
+ margin: 0;
+ font-family: var(--display);
+ font-weight: 600;
+ font-size: clamp(2.4rem, 5.5vw, 3.6rem);
+ line-height: 1.04;
+ color: var(--head);
+}
+.lead {
+ margin: 16px 0 0;
+ color: var(--muted);
+ font-size: 1.08rem;
+}
+
+/* ===== Rich prose (wiki / newsletter body) ===== */
+.prose {
+ color: var(--text);
+ font-size: 1.06rem;
+}
+.prose h2 {
+ margin: 32px 0 12px;
+ font-family: var(--display);
+ font-weight: 600;
+ font-size: 1.6rem;
+ color: var(--head);
+ scroll-margin-top: 90px;
+}
+.prose h3 {
+ margin: 24px 0 10px;
+ font-family: var(--display);
+ font-weight: 600;
+ font-size: 1.25rem;
+ color: var(--head);
+}
+.prose p {
+ margin: 0 0 18px;
+}
+.prose ul,
+.prose ol {
+ margin: 0 0 18px;
+ padding-left: 22px;
+}
+.prose li {
+ margin-bottom: 8px;
+}
+.prose a {
+ color: var(--accent);
+}
+.prose strong {
+ color: #dbe2ea;
+}
+.prose img {
+ max-width: 100%;
+ border-radius: 8px;
+ border: 1px solid var(--line);
+}
+
+/* ===== Admin tables ===== */
+.adm-table {
+ width: 100%;
+ border-collapse: collapse;
+}
+.adm-th {
+ text-align: left;
+ padding: 11px 14px;
+ color: var(--accent);
+ font-family: var(--sans);
+ font-size: 0.68rem;
+ font-weight: 700;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+ border-bottom: 1px solid var(--line);
+}
+.adm-td {
+ padding: 13px 14px;
+ color: var(--text);
+ font-family: var(--sans);
+ font-size: 0.88rem;
+ border-bottom: 1px solid var(--line-soft);
+ vertical-align: middle;
+}
+.badge {
+ border-radius: 999px;
+ padding: 3px 11px;
+ font-size: 0.72rem;
+ font-weight: 700;
+ letter-spacing: 0.04em;
+ font-family: var(--sans);
+ white-space: nowrap;
+}
+.badge-pub {
+ background: rgba(95, 185, 138, 0.16);
+ color: #7fd0a4;
+ border: 1px solid rgba(95, 185, 138, 0.4);
+}
+.badge-draft {
+ background: rgba(127, 153, 189, 0.14);
+ color: #9fb0c6;
+ border: 1px solid var(--line);
+}
+.badge-admin {
+ background: rgba(216, 226, 239, 0.12);
+ color: #d8e2ef;
+ border: 1px solid #3a4a5e;
+}
+.badge-editor {
+ background: rgba(127, 153, 189, 0.1);
+ color: var(--muted);
+ border: 1px solid var(--line);
+}
+.link-accent {
+ color: var(--accent);
+ text-decoration: none;
+ cursor: pointer;
+}
+.link-accent:hover {
+ text-decoration: underline;
+}
+
+/* ===== Misc ===== */
+.moon {
+ display: inline-block;
+ border-radius: 50%;
+ background: radial-gradient(circle at 35% 30%, #eef3f8, #9fb0c6 55%, #5d6e88);
+}
+.muted {
+ color: var(--muted);
+}
+.dim {
+ color: var(--dim);
+}
+.center {
+ text-align: center;
+}
+.spin {
+ width: 26px;
+ height: 26px;
+ border: 2px solid var(--line);
+ border-top-color: var(--accent);
+ border-radius: 50%;
+ animation: spin 0.7s linear infinite;
+}
+@keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+}
+.admin-grid {
+ min-height: 100vh;
+ display: grid;
+ grid-template-columns: 236px 1fr;
+}
+@media (max-width: 760px) {
+ .admin-grid {
+ grid-template-columns: 1fr;
+ }
+}
+.wiki-grid {
+ display: grid;
+ grid-template-columns: 230px 1fr;
+ gap: 44px;
+ align-items: start;
+}
+@media (max-width: 860px) {
+ .wiki-grid {
+ grid-template-columns: 1fr;
+ }
+}
diff --git a/client/vite.config.js b/client/vite.config.js
new file mode 100644
index 0000000..ae8c37d
--- /dev/null
+++ b/client/vite.config.js
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// In dev, proxy the API + uploads to the Express server so the SPA stays
+// same-origin (cookies work) and matches the production setup where Express
+// serves the built client.
+export default defineConfig({
+ plugins: [react()],
+ server: {
+ port: 5173,
+ proxy: {
+ '/api': { target: 'http://localhost:3000', changeOrigin: true },
+ '/uploads': { target: 'http://localhost:3000', changeOrigin: true },
+ },
+ },
+ build: {
+ outDir: 'dist',
+ },
+})
diff --git a/server/_setup.ps1 b/server/_setup.ps1
new file mode 100644
index 0000000..d835bf9
--- /dev/null
+++ b/server/_setup.ps1
@@ -0,0 +1,38 @@
+$ErrorActionPreference = 'Stop'
+$base = 'http://127.0.0.1:3000'
+$session = New-Object Microsoft.PowerShell.Commands.WebRequestSession
+
+function Req($method, $path, $bodyObj) {
+ $p = @{ Method = $method; Uri = "$base$path"; UseBasicParsing = $true; WebSession = $session; ErrorAction = 'Stop' }
+ if ($null -ne $bodyObj) { $p.Body = ($bodyObj | ConvertTo-Json -Depth 6 -Compress); $p.ContentType = 'application/json' }
+ Invoke-WebRequest @p
+}
+
+Write-Output 'waiting for health...'
+$up = $false
+for ($i = 0; $i -lt 40; $i++) {
+ try { if ((Invoke-WebRequest "$base/api/health" -UseBasicParsing).StatusCode -eq 200) { $up = $true; break } } catch {}
+ Start-Sleep -Seconds 2
+}
+if (-not $up) { Write-Output 'server never came up'; return }
+
+Req POST '/api/v1/auth/login' @{ username = 'admin'; password = 'adminpass123' } | Out-Null
+Req PUT '/api/v1/admin/site-mode' @{ mode = 'live' } | Out-Null
+
+# News
+Req POST '/api/v1/admin/posts' @{ category='news'; title='The world map enters closed testing'; excerpt='The Mysticmoon overworld is feature-complete enough for a small group to wander.'; body=' Travel between the three starting towns is live, moongates are seeded, and the first dungeon level is open for stress-testing.
'; published=$true } | Out-Null
+Req POST '/api/v1/admin/posts' @{ category='news'; title='Crafting trees and resource gathering'; excerpt='Mining, lumberjacking, and the first tier of smithing and tailoring are in.'; body='Resource respawn timers are tuned for a small population.
'; published=$true } | Out-Null
+
+# Five on Friday
+Req POST '/api/v1/admin/posts' @{ category='five-on-friday'; title='Five on Friday #07'; body='Moongates now route correctly between all three regions. The blacksmith UI got a readability pass. Something large now lurks in the Hollow Deeps. Next week: player housing placement rules. The full-moon lighting in town looks lovely. June was the month Mysticmoon stopped being a set of disconnected systems and started feeling like a place.
The overworld opens For the first time, testers walked the road from Mistholme to the eastern moongate.
Crafting takes root Mining, lumberjacking, smithing, and tailoring all came online.
'; published=$true } | Out-Null
+
+# Screenshot (uses the hero image already served at /assets)
+Req POST '/api/v1/admin/posts' @{ category='screenshots'; title='Mistholme at dusk'; excerpt='The square at Mistholme, lanterns lit at dusk.'; image_url='/assets/img/uomysticmoon-main-hero.png'; published=$true } | Out-Null
+
+# Wiki body with H2 sections so the article TOC renders
+Req PUT '/api/v1/admin/wiki/new-player-guide' @{ title='New Player Guide'; body='Everything you need to find your feet in your first hour on Mysticmoon.
When you arrive New characters wake in Mistholme , the central starting town.
Choosing your first skills You do not pick a class - you grow into one by using skills.
Staying alive Towns are safe. The wilderness is not. Bank your gold and reagents often. Keep bandages and a spare weapon.