Include region in user subscription metadata

2025-06-02 00:26:34 -04:00
373 changed files with 7150 additions and 10577 deletions
--- a/.cargo/config.toml
+++ b/.cargo/config.toml
@@ -1,6 +1,6 @@
-# Windows has stack overflows when calling from Tauri, so we increase the default stack size used by the compiler
+# Windows has stack overflows when calling from Tauri, so we increase compiler size
 [target.'cfg(windows)']
 rustflags = ["-C", "link-args=/STACK:16777220"]

 [build]
-rustflags = ["--cfg", "tokio_unstable"]
+rustflags = ["--cfg", "tokio_unstable"]
--- a/.github/workflows/theseus-release.yml
+++ b/.github/workflows/theseus-release.yml
@@ -32,16 +32,16 @@ jobs:

      - name: Rust setup (mac)
        if: startsWith(matrix.platform, 'macos')
-        uses: actions-rust-lang/setup-rust-toolchain@v1
+        uses: dtolnay/rust-toolchain@stable
        with:
-          rustflags: ''
-          target: x86_64-apple-darwin
+          components: rustfmt, clippy
+          targets: aarch64-apple-darwin, x86_64-apple-darwin

      - name: Rust setup
        if: "!startsWith(matrix.platform, 'macos')"
-        uses: actions-rust-lang/setup-rust-toolchain@v1
+        uses: dtolnay/rust-toolchain@stable
        with:
-          rustflags: ''
+          components: rustfmt, clippy

      - name: Setup rust cache
        uses: actions/cache@v4
@@ -72,10 +72,10 @@ jobs:
          restore-keys: |
            ${{ runner.os }}-rust-target-

-      - name: Setup Node.js
+      - name: Use Node.js
        uses: actions/setup-node@v4
        with:
-          node-version-file: .nvmrc
+          node-version: 20

      - name: Install pnpm via corepack
        shell: bash
--- a/.github/workflows/turbo-ci.yml
+++ b/.github/workflows/turbo-ci.yml
@@ -2,7 +2,7 @@ name: CI

 on:
  push:
-    branches: [main]
+    branches: ['main']
  pull_request:
    types: [opened, synchronize]
  merge_group:
@@ -10,69 +10,71 @@ on:

 jobs:
  build:
-    name: Lint and Test
+    name: Build, Test, and Lint
    runs-on: ubuntu-22.04

-    env:
-      # Ensure pnpm output is colored in GitHub Actions logs
-      FORCE_COLOR: 3
-      # Make cargo nextest successfully ignore projects without tests
-      NEXTEST_NO_TESTS: pass
-
    steps:
-      - name: 📥 Check out code
+      - name: Check out code
        uses: actions/checkout@v4
        with:
          fetch-depth: 2

-      - name: 🧰 Install build dependencies
+      - name: Cache turbo build setup
+        uses: actions/cache@v4
+        with:
+          path: .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
+      - name: Install build dependencies
        run: |
          sudo apt-get update
-          sudo apt-get install -yq libwebkit2gtk-4.1-dev libayatana-appindicator3-dev librsvg2-dev
+          sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf

-      - name: 🧰 Install pnpm
-        uses: pnpm/action-setup@v4
-
-      - name: 🧰 Setup Node.js
+      - name: Setup Node.JS environment
        uses: actions/setup-node@v4
        with:
-          node-version-file: .nvmrc
-          cache: pnpm
+          node-version: 20

-      - name: 🧰 Setup Rust toolchain
-        uses: actions-rust-lang/setup-rust-toolchain@v1
+      - name: Install pnpm via corepack
+        shell: bash
+        run: |
+          corepack enable
+          corepack prepare --activate
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - uses: actions/cache@v4
+        name: Setup pnpm cache
        with:
-          rustflags: ''
-          components: clippy, rustfmt
-          cache: false
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-

-      - name: 🧰 Setup nextest
-        uses: taiki-e/install-action@nextest
-
-      # cargo-binstall does not have pre-built binaries for sqlx-cli, so we fall
-      # back to a cached cargo install
-      - name: 🧰 Setup cargo-sqlx
-        uses: AlexTMjugador/cache-cargo-install-action@feat/features-support
-        with:
-          tool: sqlx-cli
-          locked: false
-          no-default-features: true
-          features: rustls,postgres
-
-      - name: 💨 Setup Turbo cache
-        uses: rharkor/caching-for-turbo@v1.8
-
-      - name: 🧰 Install dependencies
+      - name: Install dependencies
        run: pnpm install

-      - name: ⚙️ Start services
-        run: docker compose up --wait
+      - name: Build
+        run: pnpm build
+        env:
+          SQLX_OFFLINE: true

-      - name: ⚙️ Setup Labrinth environment and database
-        working-directory: apps/labrinth
-        run: |
-          cp .env.local .env
-          sqlx database setup
+      - name: Lint
+        run: pnpm lint
+        env:
+          SQLX_OFFLINE: true

-      - name: 🔍 Lint and test
-        run: pnpm run ci
+      - name: Start docker compose
+        run: docker compose up -d
+
+      - name: Test
+        run: pnpm test
+        env:
+          SQLX_OFFLINE: true
+          DATABASE_URL: postgresql://labrinth:labrinth@localhost/postgres
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@@ -1,11 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="CommitMessageInspectionProfile">
-    <profile version="1.0">
-      <inspection_tool class="CommitFormat" enabled="true" level="WARNING" enabled_by_default="true" />
-      <inspection_tool class="CommitNamingConvention" enabled="true" level="WARNING" enabled_by_default="true" />
-    </profile>
-  </component>
  <component name="VcsDirectoryMappings">
    <mapping directory="" vcs="Git" />
  </component>
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +0,0 @@
-20.19.2
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -481,7 +481,7 @@ dependencies = [
 "serde_cbor",
 "serde_json",
 "thiserror 2.0.12",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -551,9 +551,9 @@ dependencies = [

 [[package]]
 name = "async-compression"
-version = "0.4.24"
+version = "0.4.23"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d615619615a650c571269c00dca41db04b9210037fa76ed8239f70404ab56985"
+checksum = "b37fc50485c4f3f736a4fb14199f6d5f5ba008d7f28fe710306c92780f004c07"
 dependencies = [
 "brotli 8.0.1",
 "bzip2",
@@ -1354,7 +1354,7 @@ checksum = "d38f2da7a0a2c4ccf0065be06397cc26a81f4e528be095826eee9d4adbb8c60f"
 dependencies = [
 "byteorder",
 "fnv",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -1379,17 +1379,6 @@ version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "613afe47fcd5fac7ccf1db93babcb082c5994d996f20b8b159f2ad1658eb5724"

-[[package]]
-name = "chardetng"
-version = "0.1.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "14b8f0b65b7b08ae3c8187e8d77174de20cb6777864c6b832d8ad365999cf1ea"
-dependencies = [
- "cfg-if",
- "encoding_rs",
- "memchr",
-]
-
 [[package]]
 name = "chrono"
 version = "0.4.41"
@@ -1423,9 +1412,9 @@ checksum = "93a719913643003b84bd13022b4b7e703c09342cd03b679c4641c7d2e50dc34d"

 [[package]]
 name = "clap"
-version = "4.5.40"
+version = "4.5.38"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "40b6887a1d8685cebccf115538db5c0efe625ccac9696ad45c409d96566e910f"
+checksum = "ed93b9805f8ba930df42c2590f05453d5ec36cbb85d018868a5b24d31f6ac000"
 dependencies = [
 "clap_builder",
 "clap_derive",
@@ -1433,9 +1422,9 @@ dependencies = [

 [[package]]
 name = "clap_builder"
-version = "4.5.40"
+version = "4.5.38"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e0c66c08ce9f0c698cbce5c0279d0bb6ac936d8674174fe48f736533b964f59e"
+checksum = "379026ff283facf611b0ea629334361c4211d1b12ee01024eec1591133b04120"
 dependencies = [
 "anstream",
 "anstyle",
@@ -1445,9 +1434,9 @@ dependencies = [

 [[package]]
 name = "clap_derive"
-version = "4.5.40"
+version = "4.5.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d2c7947ae4cc3d851207c1adb5b5e260ff0cca11446b1d6d1423788e442257ce"
+checksum = "09176aae279615badda0765c0c0b3f6ed53f4709118af73cf4655d85d1530cd7"
 dependencies = [
 "heck 0.5.0",
 "proc-macro2",
@@ -1463,9 +1452,9 @@ checksum = "f46ad14479a25103f283c0f10005961cf086d8dc42205bb44c46ac563475dca6"

 [[package]]
 name = "clickhouse"
-version = "0.13.3"
+version = "0.13.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9a9a81a1dffadd762ee662635ce409232258ce9beebd7cc0fa227df0b5e7efc0"
+checksum = "d9894248c4c5a4402f76a56c273836a0c32547ec8a68166aedee7e01b7b8d102"
 dependencies = [
 "bstr",
 "bytes",
@@ -1485,7 +1474,7 @@ dependencies = [
 "time",
 "tokio",
 "url",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -2011,7 +2000,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "bef552e6f588e446098f6ba40d89ac146c8c7b64aade83c051ee00bb5d2bc18d"
 dependencies = [
 "serde",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -2645,9 +2634,9 @@ dependencies = [

 [[package]]
 name = "flate2"
-version = "1.1.2"
+version = "1.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4a3d7db9596fecd151c5f638c0ee5d5bd487b6e0ea232e5dc96d5250f6f94b1d"
+checksum = "7ced92e76e966ca2fd84c8f7aa01a4aea65b0eb6648d72f7c8f3e2764a67fece"
 dependencies = [
 "crc32fast",
 "libz-rs-sys",
@@ -3003,7 +2992,7 @@ dependencies = [
 "libc",
 "log",
 "rustversion",
- "windows",
+ "windows 0.61.1",
 ]

 [[package]]
@@ -3692,28 +3681,22 @@ dependencies = [

 [[package]]
 name = "hyper-util"
-version = "0.1.14"
+version = "0.1.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dc2fdfdbff08affe55bb779f33b053aa1fe5dd5b54c257343c17edfa55711bdb"
+checksum = "497bbc33a26fdd4af9ed9c70d63f61cf56a938375fbb32df34db9b1cd6d643f2"
 dependencies = [
- "base64 0.22.1",
 "bytes",
 "futures-channel",
- "futures-core",
 "futures-util",
 "http 1.3.1",
 "http-body 1.0.1",
 "hyper 1.6.0",
- "ipnet",
 "libc",
- "percent-encoding",
 "pin-project-lite",
 "socket2",
- "system-configuration",
 "tokio",
 "tower-service",
 "tracing",
- "windows-registry",
 ]

 [[package]]
@@ -3728,7 +3711,7 @@ dependencies = [
 "js-sys",
 "log",
 "wasm-bindgen",
- "windows-core",
+ "windows-core 0.61.0",
 ]

 [[package]]
@@ -4044,16 +4027,6 @@ version = "0.21.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "cf370abdafd54d13e54a620e8c3e1145f28e46cc9d704bc6d94414559df41763"

-[[package]]
-name = "iri-string"
-version = "0.7.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dbc5ebe9c3a1a7a5127f920a418f7585e9e758e911d0466ed004f393b0e380b2"
-dependencies = [
- "memchr",
- "serde",
-]
-
 [[package]]
 name = "is-docker"
 version = "0.2.0"
@@ -4404,12 +4377,12 @@ dependencies = [
 "tracing-actix-web",
 "url",
 "urlencoding",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 "validator",
 "webp",
 "woothee",
 "yaserde",
- "zip 4.0.0",
+ "zip 3.0.0",
 "zxcvbn",
 ]

@@ -4436,9 +4409,9 @@ checksum = "03087c2bad5e1034e8cace5926dec053fb3790248370865f5117a7d0213354c8"

 [[package]]
 name = "lettre"
-version = "0.11.17"
+version = "0.11.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cb2a0354e9ece2fcdcf9fa53417f6de587230c0c248068eb058fa26c4a753179"
+checksum = "87ffd14fa289730e3ad68edefdc31f603d56fe716ec38f2076bb7410e09147c2"
 dependencies = [
 "base64 0.22.1",
 "chumsky",
@@ -4550,9 +4523,9 @@ dependencies = [

 [[package]]
 name = "libz-rs-sys"
-version = "0.5.1"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "172a788537a2221661b480fee8dc5f96c580eb34fa88764d3205dc356c7e4221"
+checksum = "6489ca9bd760fe9642d7644e827b0c9add07df89857b0416ee15c1cc1a3b8c5a"
 dependencies = [
 "zlib-rs",
 ]
@@ -4780,7 +4753,7 @@ dependencies = [
 "serde_json",
 "thiserror 1.0.69",
 "time",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 "wasm-bindgen-futures",
 "web-sys",
 "yaup",
@@ -4876,7 +4849,7 @@ dependencies = [
 "smallvec",
 "tagptr",
 "thiserror 1.0.69",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -6746,9 +6719,9 @@ checksum = "e3a8614ee435691de62bcffcf4a66d91b3594bf1428a5722e79103249a095690"

 [[package]]
 name = "reqwest"
-version = "0.12.19"
+version = "0.12.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2f8e5513d63f2e5b386eb5106dc67eaf3f84e95258e210489136b8b92ad6119"
+checksum = "d19c46a6fdd48bc4dab94b6103fccc55d34c67cc0ad04653aad4ea2a07cd7bbb"
 dependencies = [
 "async-compression",
 "base64 0.22.1",
@@ -6775,23 +6748,25 @@ dependencies = [
 "quinn",
 "rustls 0.23.27",
 "rustls-native-certs 0.8.1",
+ "rustls-pemfile 2.2.0",
 "rustls-pki-types",
 "serde",
 "serde_json",
 "serde_urlencoded",
 "sync_wrapper",
+ "system-configuration",
 "tokio",
 "tokio-rustls 0.26.2",
 "tokio-util",
 "tower 0.5.2",
- "tower-http",
 "tower-service",
 "url",
 "wasm-bindgen",
 "wasm-bindgen-futures",
 "wasm-streams",
 "web-sys",
- "webpki-roots 1.0.0",
+ "webpki-roots 0.26.11",
+ "windows-registry 0.4.0",
 ]

 [[package]]
@@ -6879,7 +6854,7 @@ dependencies = [
 "rkyv_derive",
 "seahash",
 "tinyvec",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -7081,7 +7056,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a9aace74cb666635c918e9c12bc0d348266037aa8eb599b5cba565709a8dff00"
 dependencies = [
 "openssl-probe",
- "rustls-pemfile",
+ "rustls-pemfile 1.0.4",
 "schannel",
 "security-framework 2.11.1",
 ]
@@ -7107,6 +7082,15 @@ dependencies = [
 "base64 0.21.7",
 ]

+[[package]]
+name = "rustls-pemfile"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dce314e5fee3f39953d46bb63bb8a46d40c2f8fb7cc5a3b6cab2bde9721d6e50"
+dependencies = [
+ "rustls-pki-types",
+]
+
 [[package]]
 name = "rustls-pki-types"
 version = "1.12.0"
@@ -7216,7 +7200,7 @@ dependencies = [
 "serde",
 "serde_json",
 "url",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -7465,7 +7449,7 @@ dependencies = [
 "thiserror 2.0.12",
 "time",
 "url",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -7490,9 +7474,9 @@ dependencies = [

 [[package]]
 name = "serde-xml-rs"
-version = "0.8.1"
+version = "0.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "53630160a98edebde0123eb4dfd0fce6adff091b2305db3154a9e920206eb510"
+checksum = "176b7ff880ab6ead7a020e773e9c096467fe347615a3e22ac29300cbdef67a5d"
 dependencies = [
 "log",
 "serde",
@@ -7943,9 +7927,9 @@ dependencies = [

 [[package]]
 name = "sqlx"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1fefb893899429669dcdd979aff487bd78f4064e5e7907e4269081e0ef7d97dc"
+checksum = "f3c3a85280daca669cfd3bcb68a337882a8bc57ec882f72c5d13a430613a738e"
 dependencies = [
 "sqlx-core",
 "sqlx-macros",
@@ -7956,9 +7940,9 @@ dependencies = [

 [[package]]
 name = "sqlx-core"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ee6798b1838b6a0f69c007c133b8df5866302197e404e8b6ee8ed3e3a5e68dc6"
+checksum = "f743f2a3cea30a58cd479013f75550e879009e3a02f616f18ca699335aa248c3"
 dependencies = [
 "base64 0.22.1",
 "bytes",
@@ -7994,9 +7978,9 @@ dependencies = [

 [[package]]
 name = "sqlx-macros"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a2d452988ccaacfbf5e0bdbc348fb91d7c8af5bee192173ac3636b5fb6e6715d"
+checksum = "7f4200e0fde19834956d4252347c12a083bdcb237d7a1a1446bffd8768417dce"
 dependencies = [
 "proc-macro2",
 "quote",
@@ -8007,9 +7991,9 @@ dependencies = [

 [[package]]
 name = "sqlx-macros-core"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "19a9c1841124ac5a61741f96e1d9e2ec77424bf323962dd894bdb93f37d5219b"
+checksum = "882ceaa29cade31beca7129b6beeb05737f44f82dbe2a9806ecea5a7093d00b7"
 dependencies = [
 "dotenvy",
 "either",
@@ -8026,15 +8010,16 @@ dependencies = [
 "sqlx-postgres",
 "sqlx-sqlite",
 "syn 2.0.101",
+ "tempfile",
 "tokio",
 "url",
 ]

 [[package]]
 name = "sqlx-mysql"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aa003f0038df784eb8fecbbac13affe3da23b45194bd57dba231c8f48199c526"
+checksum = "0afdd3aa7a629683c2d750c2df343025545087081ab5942593a5288855b1b7a7"
 dependencies = [
 "atoi",
 "base64 0.22.1",
@@ -8076,9 +8061,9 @@ dependencies = [

 [[package]]
 name = "sqlx-postgres"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "db58fcd5a53cf07c184b154801ff91347e4c30d17a3562a635ff028ad5deda46"
+checksum = "a0bedbe1bbb5e2615ef347a5e9d8cd7680fb63e77d9dafc0f29be15e53f1ebe6"
 dependencies = [
 "atoi",
 "base64 0.22.1",
@@ -8115,9 +8100,9 @@ dependencies = [

 [[package]]
 name = "sqlx-sqlite"
-version = "0.8.6"
+version = "0.8.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c2d12fe70b2c1b4401038055f90f151b78208de1f9f89a7dbfd41587a10c3eea"
+checksum = "c26083e9a520e8eb87a06b12347679b142dc2ea29e6e409f805644a7a979a5bc"
 dependencies = [
 "atoi",
 "chrono",
@@ -8310,16 +8295,16 @@ dependencies = [

 [[package]]
 name = "sysinfo"
-version = "0.35.2"
+version = "0.35.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3c3ffa3e4ff2b324a57f7aeb3c349656c7b127c3c189520251a648102a92496e"
+checksum = "79251336d17c72d9762b8b54be4befe38d2db56fbbc0241396d70f173c39d47a"
 dependencies = [
 "libc",
 "memchr",
 "ntapi",
 "objc2-core-foundation",
 "objc2-io-kit",
- "windows",
+ "windows 0.61.1",
 ]

 [[package]]
@@ -8395,8 +8380,8 @@ dependencies = [
 "tao-macros",
 "unicode-segmentation",
 "url",
- "windows",
- "windows-core",
+ "windows 0.61.1",
+ "windows-core 0.61.0",
 "windows-version",
 "x11-dl",
 ]
@@ -8484,7 +8469,7 @@ dependencies = [
 "webkit2gtk",
 "webview2-com",
 "window-vibrancy",
- "windows",
+ "windows 0.61.1",
 ]

 [[package]]
@@ -8534,7 +8519,7 @@ dependencies = [
 "thiserror 2.0.12",
 "time",
 "url",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 "walkdir",
 ]

@@ -8571,9 +8556,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-deep-link"
-version = "2.3.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e4976ac728ebc0487515aa956cfdf200abcc52b784e441493fc544bc6ce369c8"
+checksum = "dba4412f30eaff6f5d210e20383c2d6835593977402092e95b72497a4f8632fa"
 dependencies = [
 "dunce",
 "rust-ini",
@@ -8585,15 +8570,15 @@ dependencies = [
 "thiserror 2.0.12",
 "tracing",
 "url",
- "windows-registry",
+ "windows-registry 0.5.1",
 "windows-result",
 ]

 [[package]]
 name = "tauri-plugin-dialog"
-version = "2.2.2"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a33318fe222fc2a612961de8b0419e2982767f213f54a4d3a21b0d7b85c41df8"
+checksum = "bcaf6e5d6062423a0f711a23c2a573ccba222b6a16a9322d8499928f27e41376"
 dependencies = [
 "log",
 "raw-window-handle",
@@ -8609,9 +8594,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-fs"
-version = "2.3.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33ead0daec5d305adcefe05af9d970fc437bcc7996052d564e7393eb291252da"
+checksum = "88371e340ad2f07409a3b68294abe73f20bc9c1bc1b631a31dc37a3d0161f682"
 dependencies = [
 "anyhow",
 "dunce",
@@ -8627,13 +8612,14 @@ dependencies = [
 "thiserror 2.0.12",
 "toml",
 "url",
+ "uuid 1.16.0",
 ]

 [[package]]
 name = "tauri-plugin-opener"
-version = "2.2.7"
+version = "2.2.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "66644b71a31ec1a8a52c4a16575edd28cf763c87cf4a7da24c884122b5c77097"
+checksum = "2fdc6cb608e04b7d2b6d1f21e9444ad49245f6d03465ba53323d692d1ceb1a30"
 dependencies = [
 "dunce",
 "glob",
@@ -8647,7 +8633,7 @@ dependencies = [
 "tauri-plugin",
 "thiserror 2.0.12",
 "url",
- "windows",
+ "windows 0.60.0",
 "zbus",
 ]

@@ -8671,9 +8657,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-single-instance"
-version = "2.2.4"
+version = "2.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "97d0e07b40fb2eb13778e30778f5979347a2bf30e1b9d47f78ff7fe92d2e4b3d"
+checksum = "1320af4d866a7fb5f5721d299d14d0dd9e4e6bc0359ff3e263124a2bf6814efa"
 dependencies = [
 "serde",
 "serde_json",
@@ -8750,7 +8736,7 @@ dependencies = [
 "tauri-utils",
 "thiserror 2.0.12",
 "url",
- "windows",
+ "windows 0.61.1",
 ]

 [[package]]
@@ -8776,7 +8762,7 @@ dependencies = [
 "url",
 "webkit2gtk",
 "webview2-com",
- "windows",
+ "windows 0.61.1",
 "wry",
 ]

@@ -8814,7 +8800,7 @@ dependencies = [
 "toml",
 "url",
 "urlpattern",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 "walkdir",
 ]

@@ -8876,7 +8862,6 @@ dependencies = [
 "async_zip",
 "base64 0.22.1",
 "bytes",
- "chardetng",
 "chrono",
 "daedalus",
 "dashmap",
@@ -8884,7 +8869,6 @@ dependencies = [
 "discord-rich-presence",
 "dunce",
 "either",
- "encoding_rs",
 "enumset",
 "flate2",
 "fs4",
@@ -8903,7 +8887,6 @@ dependencies = [
 "serde",
 "serde_ini",
 "serde_json",
- "serde_with",
 "sha1_smol",
 "sha2",
 "sqlx",
@@ -8917,10 +8900,10 @@ dependencies = [
 "tracing-error",
 "tracing-subscriber",
 "url",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 "whoami",
 "winreg 0.55.0",
- "zip 4.0.0",
+ "zip 3.0.0",
 ]

 [[package]]
@@ -8953,7 +8936,7 @@ dependencies = [
 "tracing-error",
 "url",
 "urlencoding",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -9130,9 +9113,9 @@ checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"

 [[package]]
 name = "tokio"
-version = "1.45.1"
+version = "1.45.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "75ef51a33ef1da925cea3e4eb122833cb377c61439ca401b770f54902b806779"
+checksum = "2513ca694ef9ede0fb23fe71a4ee4107cb102b9dc1930f6d0fd77aae068ae165"
 dependencies = [
 "backtrace",
 "bytes",
@@ -9355,24 +9338,6 @@ dependencies = [
 "tower-service",
 ]

-[[package]]
-name = "tower-http"
-version = "0.6.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "adc82fd73de2a9722ac5da747f12383d2bfdb93591ee6c58486e0097890f05f2"
-dependencies = [
- "bitflags 2.9.1",
- "bytes",
- "futures-util",
- "http 1.3.1",
- "http-body 1.0.1",
- "iri-string",
- "pin-project-lite",
- "tower 0.5.2",
- "tower-layer",
- "tower-service",
-]
-
 [[package]]
 name = "tower-layer"
 version = "0.3.3"
@@ -9407,7 +9372,7 @@ dependencies = [
 "mutually_exclusive_features",
 "pin-project",
 "tracing",
- "uuid 1.17.0",
+ "uuid 1.16.0",
 ]

 [[package]]
@@ -9734,9 +9699,9 @@ dependencies = [

 [[package]]
 name = "uuid"
-version = "1.17.0"
+version = "1.16.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3cf4199d1e5d15ddd86a694e4d0dffa9c323ce759fea589f00fef9d81cc1931d"
+checksum = "458f7a779bf54acc9f347480ac654f68407d3aab21269a6e3c9f922acd9e2da9"
 dependencies = [
 "getrandom 0.3.3",
 "js-sys",
@@ -10087,9 +10052,9 @@ checksum = "b542b5cfbd9618c46c2784e4d41ba218c336ac70d44c55e47b251033e7d85601"
 dependencies = [
 "webview2-com-macros",
 "webview2-com-sys",
- "windows",
- "windows-core",
- "windows-implement",
+ "windows 0.61.1",
+ "windows-core 0.61.0",
+ "windows-implement 0.60.0",
 "windows-interface",
 ]

@@ -10111,8 +10076,8 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8ae2d11c4a686e4409659d7891791254cf9286d3cfe0eef54df1523533d22295"
 dependencies = [
 "thiserror 2.0.12",
- "windows",
- "windows-core",
+ "windows 0.61.1",
+ "windows-core 0.61.0",
 ]

 [[package]]
@@ -10206,17 +10171,39 @@ dependencies = [
 "windows-version",
 ]

+[[package]]
+name = "windows"
+version = "0.60.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ddf874e74c7a99773e62b1c671427abf01a425e77c3d3fb9fb1e4883ea934529"
+dependencies = [
+ "windows-collections 0.1.1",
+ "windows-core 0.60.1",
+ "windows-future 0.1.1",
+ "windows-link",
+ "windows-numerics 0.1.1",
+]
+
 [[package]]
 name = "windows"
 version = "0.61.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c5ee8f3d025738cb02bad7868bbb5f8a6327501e870bf51f1b455b0a2454a419"
 dependencies = [
- "windows-collections",
- "windows-core",
- "windows-future",
+ "windows-collections 0.2.0",
+ "windows-core 0.61.0",
+ "windows-future 0.2.0",
 "windows-link",
- "windows-numerics",
+ "windows-numerics 0.2.0",
+]
+
+[[package]]
+name = "windows-collections"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5467f79cc1ba3f52ebb2ed41dbb459b8e7db636cc3429458d9a852e15bc24dec"
+dependencies = [
+ "windows-core 0.60.1",
 ]

 [[package]]
@@ -10225,7 +10212,20 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3beeceb5e5cfd9eb1d76b381630e82c4241ccd0d27f1a39ed41b2760b255c5e8"
 dependencies = [
- "windows-core",
+ "windows-core 0.61.0",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.60.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca21a92a9cae9bf4ccae5cf8368dce0837100ddf6e6d57936749e85f152f6247"
+dependencies = [
+ "windows-implement 0.59.0",
+ "windows-interface",
+ "windows-link",
+ "windows-result",
+ "windows-strings 0.3.1",
 ]

 [[package]]
@@ -10234,11 +10234,21 @@ version = "0.61.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4763c1de310c86d75a878046489e2e5ba02c649d185f21c67d4cf8a56d098980"
 dependencies = [
- "windows-implement",
+ "windows-implement 0.60.0",
 "windows-interface",
 "windows-link",
 "windows-result",
- "windows-strings",
+ "windows-strings 0.4.0",
+]
+
+[[package]]
+name = "windows-future"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a787db4595e7eb80239b74ce8babfb1363d8e343ab072f2ffe901400c03349f0"
+dependencies = [
+ "windows-core 0.60.1",
+ "windows-link",
 ]

 [[package]]
@@ -10247,10 +10257,21 @@ version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7a1d6bbefcb7b60acd19828e1bc965da6fcf18a7e39490c5f8be71e54a19ba32"
 dependencies = [
- "windows-core",
+ "windows-core 0.61.0",
 "windows-link",
 ]

+[[package]]
+name = "windows-implement"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83577b051e2f49a058c308f17f273b570a6a758386fc291b5f6a934dd84e48c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.101",
+]
+
 [[package]]
 name = "windows-implement"
 version = "0.60.0"
@@ -10279,16 +10300,37 @@ version = "0.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "76840935b766e1b0a05c0066835fb9ec80071d4c09a16f6bd5f7e655e3c14c38"

+[[package]]
+name = "windows-numerics"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "005dea54e2f6499f2cee279b8f703b3cf3b5734a2d8d21867c8f44003182eeed"
+dependencies = [
+ "windows-core 0.60.1",
+ "windows-link",
+]
+
 [[package]]
 name = "windows-numerics"
 version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9150af68066c4c5c07ddc0ce30421554771e528bde427614c61038bc2c92c2b1"
 dependencies = [
- "windows-core",
+ "windows-core 0.61.0",
 "windows-link",
 ]

+[[package]]
+name = "windows-registry"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4286ad90ddb45071efd1a66dfa43eb02dd0dfbae1545ad6cc3c51cf34d7e8ba3"
+dependencies = [
+ "windows-result",
+ "windows-strings 0.3.1",
+ "windows-targets 0.53.0",
+]
+
 [[package]]
 name = "windows-registry"
 version = "0.5.1"
@@ -10297,7 +10339,7 @@ checksum = "ad1da3e436dc7653dfdf3da67332e22bff09bb0e28b0239e1624499c7830842e"
 dependencies = [
 "windows-link",
 "windows-result",
- "windows-strings",
+ "windows-strings 0.4.0",
 ]

 [[package]]
@@ -10309,6 +10351,15 @@ dependencies = [
 "windows-link",
 ]

+[[package]]
+name = "windows-strings"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87fa48cc5d406560701792be122a10132491cff9d0aeb23583cc2dcafc847319"
+dependencies = [
+ "windows-link",
+]
+
 [[package]]
 name = "windows-strings"
 version = "0.4.0"
@@ -10393,13 +10444,29 @@ dependencies = [
 "windows_aarch64_gnullvm 0.52.6",
 "windows_aarch64_msvc 0.52.6",
 "windows_i686_gnu 0.52.6",
- "windows_i686_gnullvm",
+ "windows_i686_gnullvm 0.52.6",
 "windows_i686_msvc 0.52.6",
 "windows_x86_64_gnu 0.52.6",
 "windows_x86_64_gnullvm 0.52.6",
 "windows_x86_64_msvc 0.52.6",
 ]

+[[package]]
+name = "windows-targets"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1e4c7e8ceaaf9cb7d7507c974735728ab453b67ef8f18febdd7c11fe59dca8b"
+dependencies = [
+ "windows_aarch64_gnullvm 0.53.0",
+ "windows_aarch64_msvc 0.53.0",
+ "windows_i686_gnu 0.53.0",
+ "windows_i686_gnullvm 0.53.0",
+ "windows_i686_msvc 0.53.0",
+ "windows_x86_64_gnu 0.53.0",
+ "windows_x86_64_gnullvm 0.53.0",
+ "windows_x86_64_msvc 0.53.0",
+]
+
 [[package]]
 name = "windows-version"
 version = "0.1.4"
@@ -10427,6 +10494,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"

+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "86b8d5f90ddd19cb4a147a5fa63ca848db3df085e25fee3cc10b39b6eebae764"
+
 [[package]]
 name = "windows_aarch64_msvc"
 version = "0.42.2"
@@ -10445,6 +10518,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"

+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7651a1f62a11b8cbd5e0d42526e55f2c99886c77e007179efff86c2b137e66c"
+
 [[package]]
 name = "windows_i686_gnu"
 version = "0.42.2"
@@ -10463,12 +10542,24 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"

+[[package]]
+name = "windows_i686_gnu"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1dc67659d35f387f5f6c479dc4e28f1d4bb90ddd1a5d3da2e5d97b42d6272c3"
+
 [[package]]
 name = "windows_i686_gnullvm"
 version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"

+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9ce6ccbdedbf6d6354471319e781c0dfef054c81fbc7cf83f338a4296c0cae11"
+
 [[package]]
 name = "windows_i686_msvc"
 version = "0.42.2"
@@ -10487,6 +10578,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"

+[[package]]
+name = "windows_i686_msvc"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "581fee95406bb13382d2f65cd4a908ca7b1e4c2f1917f143ba16efe98a589b5d"
+
 [[package]]
 name = "windows_x86_64_gnu"
 version = "0.42.2"
@@ -10505,6 +10602,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"

+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2e55b5ac9ea33f2fc1716d1742db15574fd6fc8dadc51caab1c16a3d3b4190ba"
+
 [[package]]
 name = "windows_x86_64_gnullvm"
 version = "0.42.2"
@@ -10523,6 +10626,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"

+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0a6e035dd0599267ce1ee132e51c27dd29437f63325753051e71dd9e42406c57"
+
 [[package]]
 name = "windows_x86_64_msvc"
 version = "0.42.2"
@@ -10541,6 +10650,12 @@ version = "0.52.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"

+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.53.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "271414315aff87387382ec3d271b52d7ae78726f5d44ac98b4f4030c91880486"
+
 [[package]]
 name = "winnow"
 version = "0.5.40"
@@ -10656,8 +10771,8 @@ dependencies = [
 "webkit2gtk",
 "webkit2gtk-sys",
 "webview2-com",
- "windows",
- "windows-core",
+ "windows 0.61.1",
+ "windows-core 0.61.0",
 "windows-version",
 ]

@@ -10927,9 +11042,9 @@ dependencies = [

 [[package]]
 name = "zip"
-version = "4.0.0"
+version = "3.0.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "153a6fff49d264c4babdcfa6b4d534747f520e56e8f0f384f3b808c4b64cc1fd"
+checksum = "12598812502ed0105f607f941c386f43d441e00148fce9dec3ca5ffb0bde9308"
 dependencies = [
 "arbitrary",
 "bzip2",
@@ -10944,9 +11059,9 @@ dependencies = [

 [[package]]
 name = "zlib-rs"
-version = "0.5.1"
+version = "0.5.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "626bd9fa9734751fc50d6060752170984d7053f5a39061f524cda68023d4db8a"
+checksum = "868b928d7949e09af2f6086dfc1e01936064cc7a819253bce650d4e2a2d63ba8"

 [[package]]
 name = "zopfli"
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -10,9 +10,6 @@ members = [
  "packages/daedalus",
 ]

-[workspace.package]
-edition = "2024"
-
 [workspace.dependencies]
 actix-cors = "0.7.1"
 actix-files = "0.6.6"
@@ -24,8 +21,7 @@ actix-web-prom = "0.10.0"
 actix-ws = "0.3.0"
 argon2 = { version = "0.5.3", features = ["std"] }
 ariadne = { path = "packages/ariadne" }
-async_zip = "0.0.17"
-async-compression = { version = "0.4.24", default-features = false }
+async-compression = { version = "0.4.23", default-features = false }
 async-recursion = "1.1.1"
 async-stripe = { version = "0.41.0", default-features = false, features = [
  "runtime-tokio-hyper-rustls",
@@ -35,14 +31,14 @@ async-tungstenite = { version = "0.29.1", default-features = false, features = [
  "futures-03-sink",
 ] }
 async-walkdir = "2.1.0"
+async_zip = "0.0.17"
 base64 = "0.22.1"
-bitflags = "2.9.1"
+bitflags = "2.9.0"
 bytes = "1.10.1"
 censor = "0.3.0"
-chardetng = "0.1.17"
 chrono = "0.4.41"
-clap = "4.5.40"
-clickhouse = "0.13.3"
+clap = "4.5.38"
+clickhouse = "0.13.2"
 color-thief = "0.2.2"
 console-subscriber = "0.4.1"
 daedalus = { path = "packages/daedalus" }
@@ -54,9 +50,8 @@ dotenv-build = "0.1.1"
 dotenvy = "0.15.7"
 dunce = "1.0.5"
 either = "1.15.0"
-encoding_rs = "0.8.35"
 enumset = "1.1.6"
-flate2 = "1.1.2"
+flate2 = "1.1.1"
 fs4 = { version = "0.13.1", default-features = false }
 futures = { version = "0.3.31", default-features = false }
 futures-util = "0.3.31"
@@ -64,7 +59,7 @@ hex = "0.4.3"
 hickory-resolver = "0.25.2"
 hmac = "0.12.1"
 hyper-tls = "0.6.0"
-hyper-util = "0.1.14"
+hyper-util = "0.1.11"
 iana-time-zone = "0.1.63"
 image = { version = "0.25.6", default-features = false, features = ["rayon"] }
 indexmap = "2.9.0"
@@ -72,7 +67,7 @@ indicatif = "0.17.11"
 itertools = "0.14.0"
 jemalloc_pprof = "0.7.0"
 json-patch = { version = "4.0.0", default-features = false }
-lettre = { version = "0.11.17", default-features = false, features = [
+lettre = { version = "0.11.16", default-features = false, features = [
  "builder",
  "hostname",
  "pool",
@@ -94,19 +89,19 @@ quartz_nbt = "0.2.9"
 quick-xml = "0.37.5"
 rand = "=0.8.5"  # Locked on 0.8 until argon2 and p256 update to 0.9
 rand_chacha = "=0.3.1"  # Locked on 0.3 until we can update rand to 0.9
-redis = "=0.31.0"  # Locked on 0.31 until deadpool-redis updates to 0.32
+redis = "0.31.0"
 regex = "1.11.1"
-reqwest = { version = "0.12.19", default-features = false }
-rust_decimal = { version = "1.37.1", features = [
-  "serde-with-float",
-  "serde-with-str",
-] }
-rust_iso3166 = "0.1.14"
+reqwest = { version = "0.12.15", default-features = false }
 rust-s3 = { version = "0.35.1", default-features = false, features = [
  "fail-on-err",
  "tags",
  "tokio-rustls-tls",
 ] }
+rust_decimal = { version = "1.37.1", features = [
+  "serde-with-float",
+  "serde-with-str",
+] }
+rust_iso3166 = "0.1.14"
 rusty-money = "0.4.1"
 sentry = { version = "0.38.1", default-features = false, features = [
  "backtrace",
@@ -118,26 +113,26 @@ sentry = { version = "0.38.1", default-features = false, features = [
 ] }
 sentry-actix = "0.38.1"
 serde = "1.0.219"
+serde-xml-rs = "0.8.0"  # Also an XML (de)serializer, consider dropping yaserde in favor of this
 serde_bytes = "0.11.17"
 serde_cbor = "0.11.2"
 serde_ini = "0.2.0"
 serde_json = "1.0.140"
 serde_with = "3.12.0"
-serde-xml-rs = "0.8.1"  # Also an XML (de)serializer, consider dropping yaserde in favor of this
 sha1 = "0.10.6"
 sha1_smol = { version = "1.0.1", features = ["std"] }
 sha2 = "0.10.9"
 spdx = "0.10.8"
-sqlx = { version = "0.8.6", default-features = false }
-sysinfo = { version = "0.35.2", default-features = false }
+sqlx = { version = "0.8.5", default-features = false }
+sysinfo = { version = "0.35.1", default-features = false }
 tar = "0.4.44"
 tauri = "2.5.1"
 tauri-build = "2.2.0"
-tauri-plugin-deep-link = "2.3.0"
-tauri-plugin-dialog = "2.2.2"
-tauri-plugin-opener = "2.2.7"
+tauri-plugin-deep-link = "2.2.1"
+tauri-plugin-dialog = "2.2.1"
+tauri-plugin-opener = "2.2.6"
 tauri-plugin-os = "2.2.1"
-tauri-plugin-single-instance = "2.2.4"
+tauri-plugin-single-instance = "2.2.3"
 tauri-plugin-updater = { version = "2.7.1", default-features = false, features = [
  "rustls-tls",
  "zip",
@@ -148,7 +143,7 @@ theseus = { path = "packages/app-lib" }
 thiserror = "2.0.12"
 tikv-jemalloc-ctl = "0.6.0"
 tikv-jemallocator = "0.6.0"
-tokio = "1.45.1"
+tokio = "1.45.0"
 tokio-stream = "0.1.17"
 tokio-util = "0.7.15"
 totp-rs = "5.7.0"
@@ -158,14 +153,14 @@ tracing-error = "0.2.1"
 tracing-subscriber = "0.3.19"
 url = "2.5.4"
 urlencoding = "2.1.3"
-uuid = "1.17.0"
+uuid = "1.16.0"
 validator = "0.20.0"
 webp = { version = "0.3.0", default-features = false }
 whoami = "1.6.0"
 winreg = "0.55.0"
 woothee = "0.13.0"
 yaserde = "0.12.0"
-zip = { version = "4.0.0", default-features = false, features = [
+zip = { version = "3.0.0", default-features = false, features = [
  "bzip2",
  "deflate",
  "deflate64",
@@ -173,44 +168,6 @@ zip = { version = "4.0.0", default-features = false, features = [
 ] }
 zxcvbn = "3.1.0"

-[workspace.lints.clippy]
-bool_to_int_with_if = "warn"
-borrow_as_ptr = "warn"
-cfg_not_test = "warn"
-clear_with_drain = "warn"
-cloned_instead_of_copied = "warn"
-collection_is_never_read = "warn"
-dbg_macro = "warn"
-default_trait_access = "warn"
-explicit_iter_loop = "warn"
-filter_map_next = "warn"
-flat_map_option = "warn"
-format_push_string = "warn"
-get_unwrap = "warn"
-large_include_file = "warn"
-large_stack_arrays = "warn"
-manual_assert = "warn"
-manual_instant_elapsed = "warn"
-manual_is_variant_and = "warn"
-manual_let_else = "warn"
-map_unwrap_or = "warn"
-match_bool = "warn"
-needless_collect = "warn"
-negative_feature_names = "warn"
-non_std_lazy_statics = "warn"
-pathbuf_init_then_push = "warn"
-read_zero_byte_vec = "warn"
-redundant_clone = "warn"
-redundant_feature_names = "warn"
-redundant_type_annotations = "warn"
-todo = "warn"
-unnested_or_patterns = "warn"
-wildcard_dependencies = "warn"
-
-[workspace.lints.rust]
-# Turn warnings into errors by default
-warnings = "deny"
-
 [patch.crates-io]
 wry = { git = "https://github.com/modrinth/wry", rev = "cafdaa9" }

--- a/apps/app-frontend/package.json
+++ b/apps/app-frontend/package.json
@@ -9,19 +9,18 @@
    "tsc:check": "vue-tsc --noEmit",
    "lint": "eslint . && prettier --check .",
    "fix": "eslint . --fix && prettier --write .",
-    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/helpers,src/pages,src/store}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace",
-    "test": "vue-tsc --noEmit"
+    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/helpers,src/pages,src/store}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace"
  },
  "dependencies": {
-    "@geometrically/minecraft-motd-parser": "^1.1.4",
    "@modrinth/assets": "workspace:*",
    "@modrinth/ui": "workspace:*",
    "@modrinth/utils": "workspace:*",
    "@sentry/vue": "^8.27.0",
+    "@geometrically/minecraft-motd-parser": "^1.1.4",
    "@tauri-apps/api": "^2.5.0",
    "@tauri-apps/plugin-dialog": "^2.2.1",
-    "@tauri-apps/plugin-opener": "^2.2.6",
    "@tauri-apps/plugin-os": "^2.2.1",
+    "@tauri-apps/plugin-opener": "^2.2.6",
    "@tauri-apps/plugin-updater": "^2.7.1",
    "@tauri-apps/plugin-window-state": "^2.2.2",
    "@vintl/vintl": "^4.4.1",
@@ -40,12 +39,11 @@
    "@eslint/compat": "^1.1.1",
    "@formatjs/cli": "^6.2.12",
    "@nuxt/eslint-config": "^0.5.6",
-    "@taijased/vue-render-tracker": "^1.0.7",
    "@vitejs/plugin-vue": "^5.0.4",
    "autoprefixer": "^10.4.19",
    "eslint": "^9.9.1",
    "eslint-config-custom": "workspace:*",
-    "eslint-plugin-turbo": "^2.5.4",
+    "eslint-plugin-turbo": "^2.1.1",
    "postcss": "^8.4.39",
    "prettier": "^3.2.5",
    "sass": "^1.74.1",
@@ -53,7 +51,8 @@
    "tsconfig": "workspace:*",
    "typescript": "^5.5.4",
    "vite": "^5.4.6",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.1.6",
+    "@taijased/vue-render-tracker": "^1.0.7"
  },
  "packageManager": "pnpm@9.4.0",
  "web-types": "../../web-types.json"
--- a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
@@ -25,8 +25,9 @@ const editProfileObject = computed(() => {
    hooks?: Hooks
  } = {}

-  // When hooks are not overridden per-instance, we want to clear them
-  editProfile.hooks = overrideHooks.value ? hooks.value : {}
+  if (overrideHooks.value) {
+    editProfile.hooks = hooks.value
+  }

  return editProfile
 })
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -1,8 +1,12 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import type { ServerStatus, ServerWorld, SingleplayerWorld, World } from '@/helpers/worlds.ts'
-import { set_world_display_status, getWorldIdentifier } from '@/helpers/worlds.ts'
-import { formatNumber, getPingLevel } from '@modrinth/utils'
+import type { ServerStatus, ServerWorld, World } from '@/helpers/worlds.ts'
+import {
+  set_world_display_status,
+  getWorldIdentifier,
+  showWorldInFolder,
+} from '@/helpers/worlds.ts'
+import { formatNumber } from '@modrinth/utils'
 import {
  useRelativeTime,
  Avatar,
@@ -45,7 +49,6 @@ const router = useRouter()

 const emit = defineEmits<{
  (e: 'play' | 'play-instance' | 'update' | 'stop' | 'refresh' | 'edit' | 'delete'): void
-  (e: 'open-folder', world: SingleplayerWorld): void
 }>()

 const props = withDefaults(
@@ -105,6 +108,20 @@ const serverIncompatible = computed(
    props.serverStatus.version.protocol !== props.currentProtocol,
 )

+function getPingLevel(ping: number) {
+  if (ping < 150) {
+    return 5
+  } else if (ping < 300) {
+    return 4
+  } else if (ping < 600) {
+    return 3
+  } else if (ping < 1000) {
+    return 2
+  } else {
+    return 1
+  }
+}
+
 const locked = computed(() => props.world.type === 'singleplayer' && props.world.locked)

 const messages = defineMessages({
@@ -377,7 +394,8 @@ const messages = defineMessages({
              {
                id: 'open-folder',
                shown: world.type === 'singleplayer',
-                action: () => (world.type === 'singleplayer' ? emit('open-folder', world) : {}),
+                action: () =>
+                  world.type === 'singleplayer' ? showWorldInFolder(instancePath, world.path) : {},
              },
              {
                divider: true,
--- a/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
@@ -56,7 +56,6 @@ function show(world: SingleplayerWorld) {
  icon.value = world.icon
  displayStatus.value = world.display_status
  hideFromHome.value = world.display_status === 'hidden'
-  removeIcon.value = false
  modal.value.show()
 }

--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -32,11 +32,7 @@
        <template #actions>
          <div class="flex gap-2">
            <ButtonStyled
-              v-if="
-                ['installing', 'pack_installing', 'minecraft_installing'].includes(
-                  instance.install_stage,
-                )
-              "
+              v-if="instance.install_stage.includes('installing')"
              color="brand"
              size="large"
            >
--- a/apps/app-frontend/src/pages/instance/Worlds.vue
+++ b/apps/app-frontend/src/pages/instance/Worlds.vue
@@ -86,7 +86,6 @@
            world.type === 'server' ? editServerModal?.show(world) : editWorldModal?.show(world)
        "
        @delete="() => promptToRemoveWorld(world)"
-        @open-folder="(world: SingleplayerWorld) => showWorldInFolder(instance.path, world.path)"
      />
    </div>
  </div>
@@ -152,7 +151,6 @@ import {
  hasQuickPlaySupport,
  refreshWorlds,
  handleDefaultProfileUpdateEvent,
-  showWorldInFolder,
 } from '@/helpers/worlds.ts'
 import AddServerModal from '@/components/ui/world/modal/AddServerModal.vue'
 import EditServerModal from '@/components/ui/world/modal/EditServerModal.vue'
--- a/apps/app-playground/Cargo.toml
+++ b/apps/app-playground/Cargo.toml
@@ -1,7 +1,7 @@
 [package]
 name = "theseus_playground"
 version = "0.0.0"
-edition.workspace = true
+edition = "2024"

 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

@@ -9,6 +9,3 @@ edition.workspace = true
 theseus = { workspace = true, features = ["cli"] }
 tokio = { workspace = true, features = ["macros", "rt-multi-thread"] }
 enumset.workspace = true
-
-[lints]
-workspace = true
--- a/apps/app-playground/package.json
+++ b/apps/app-playground/package.json
@@ -2,9 +2,9 @@
  "name": "@modrinth/app-playground",
  "scripts": {
    "build": "cargo build --release",
-    "lint": "cargo fmt --check && cargo clippy --all-targets",
-    "fix": "cargo clippy --all-targets --fix --allow-dirty && cargo fmt",
+    "lint": "cargo fmt --check && cargo clippy --all-targets --all-features -- -D warnings",
+    "fix": "cargo fmt && cargo clippy --fix",
    "dev": "cargo run",
-    "test": "cargo nextest run --all-targets --no-fail-fast"
+    "test": "cargo test"
  }
 }
--- a/apps/app/Cargo.toml
+++ b/apps/app/Cargo.toml
@@ -4,7 +4,8 @@ version = "0.9.5"
 description = "The Modrinth App is a desktop application for managing your Minecraft mods"
 license = "GPL-3.0-only"
 repository = "https://github.com/modrinth/code/apps/app/"
-edition.workspace = true
+edition = "2024"
+build = "build.rs"

 [build-dependencies]
 tauri-build = { workspace = true, features = ["codegen"] }
@@ -16,7 +17,7 @@ serde_json.workspace = true
 serde = { workspace = true, features = ["derive"] }
 serde_with.workspace = true

-tauri = { workspace = true, features = ["devtools", "macos-private-api", "protocol-asset"] }
+tauri = { workspace = true, features = ["devtools", "macos-private-api", "protocol-asset", "unstable"] }
 tauri-plugin-window-state.workspace = true
 tauri-plugin-deep-link.workspace = true
 tauri-plugin-os.workspace = true
@@ -55,6 +56,3 @@ default = ["custom-protocol"]
 # DO NOT remove this
 custom-protocol = ["tauri/custom-protocol"]
 updater = []
-
-[lints]
-workspace = true
--- a/apps/app/package.json
+++ b/apps/app/package.json
@@ -1,12 +1,12 @@
 {
  "name": "@modrinth/app",
  "scripts": {
-    "tauri": "tauri",
    "build": "tauri build",
+    "tauri": "tauri",
    "dev": "tauri dev",
-    "test": "cargo nextest run --all-targets --no-fail-fast",
-    "lint": "cargo fmt --check && cargo clippy --all-targets",
-    "fix": "cargo clippy --all-targets --fix --allow-dirty && cargo fmt"
+    "test": "cargo test",
+    "lint": "cargo fmt --check && cargo clippy --all-targets -- -D warnings",
+    "fix": "cargo fmt && cargo clippy --fix"
  },
  "devDependencies": {
    "@tauri-apps/cli": "2.5.0"
--- a/apps/app/src/api/utils.rs
+++ b/apps/app/src/api/utils.rs
@@ -37,7 +37,6 @@ pub fn get_os() -> OS {
    let os = OS::MacOS;
    os
 }
-
 #[derive(Debug, Clone, Serialize, Deserialize)]
 #[allow(clippy::enum_variant_names)]
 pub enum OS {
--- a/apps/app/src/api/worlds.rs
+++ b/apps/app/src/api/worlds.rs
@@ -43,7 +43,7 @@ pub async fn get_recent_worlds<R: Runtime>(
        display_statuses.unwrap_or(EnumSet::all()),
    )
    .await?;
-    for world in &mut result {
+    for world in result.iter_mut() {
        adapt_world_icon(&app_handle, &mut world.world);
    }
    Ok(result)
@@ -55,7 +55,7 @@ pub async fn get_profile_worlds<R: Runtime>(
    path: &str,
 ) -> Result<Vec<World>> {
    let mut result = worlds::get_profile_worlds(path).await?;
-    for world in &mut result {
+    for world in result.iter_mut() {
        adapt_world_icon(&app_handle, world);
    }
    Ok(result)
--- a/apps/app/src/macos/deep_link.rs
+++ b/apps/app/src/macos/deep_link.rs
@@ -11,8 +11,7 @@ pub fn get_or_init_payload<R: Runtime, M: Manager<R>>(
    manager: &M,
 ) -> InitialPayload {
    let initial_payload = manager.try_state::<InitialPayload>();
-
-    if let Some(initial_payload) = initial_payload {
+    let mtx = if let Some(initial_payload) = initial_payload {
        initial_payload.inner().clone()
    } else {
        tracing::info!("No initial payload found, creating new");
@@ -23,5 +22,7 @@ pub fn get_or_init_payload<R: Runtime, M: Manager<R>>(
        manager.manage(payload.clone());

        payload
-    }
+    };
+
+    mtx
 }
--- a/apps/app/src/main.rs
+++ b/apps/app/src/main.rs
@@ -197,7 +197,7 @@ fn main() {
            {
                let payload = macos::deep_link::get_or_init_payload(app);

-                let mtx_copy = payload.payload;
+                let mtx_copy = payload.payload.clone();
                app.listen("deep-link://new-url", move |url| {
                    let mtx_copy_copy = mtx_copy.clone();
                    let request = url.payload().to_owned();
@@ -229,6 +229,7 @@ fn main() {
                tauri::async_runtime::spawn(api::utils::handle_command(
                    payload,
                ));
+                dbg!(url);
            });

            #[cfg(not(target_os = "linux"))]
@@ -272,22 +273,22 @@ fn main() {

    match app {
        Ok(app) => {
+            #[allow(unused_variables)]
            app.run(|app, event| {
-                #[cfg(not(target_os = "macos"))]
-                drop((app, event));
                #[cfg(target_os = "macos")]
                if let tauri::RunEvent::Opened { urls } = event {
                    tracing::info!("Handling webview open {urls:?}");

                    let file = urls
                        .into_iter()
-                        .find_map(|url| url.to_file_path().ok());
+                        .filter_map(|url| url.to_file_path().ok())
+                        .next();

                    if let Some(file) = file {
                        let payload =
                            macos::deep_link::get_or_init_payload(app);

-                        let mtx_copy = payload.payload;
+                        let mtx_copy = payload.payload.clone();
                        let request = file.to_string_lossy().to_string();
                        tauri::async_runtime::spawn(async move {
                            let mut payload = mtx_copy.lock().await;
--- a/apps/app/turbo.jsonc
+++ b/apps/app/turbo.jsonc
@@ -1,14 +0,0 @@
-{
-  "$schema": "../../node_modules/turbo/schema.json",
-  "extends": ["//"],
-  "tasks": {
-    // Running Clippy and tests on a Tauri application requires
-    // the frontend to be built at least once first
-    "lint": {
-      "dependsOn": ["@modrinth/app-frontend#build"]
-    },
-    "test": {
-      "dependsOn": ["@modrinth/app-frontend#build"]
-    }
-  }
-}
--- a/apps/daedalus_client/Cargo.toml
+++ b/apps/daedalus_client/Cargo.toml
@@ -2,7 +2,7 @@
 name = "daedalus_client"
 version = "0.2.2"
 authors = ["Jai A <jai@modrinth.com>"]
-edition.workspace = true
+edition = "2024"

 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

@@ -28,6 +28,3 @@ tracing-error.workspace = true

 tracing.workspace = true
 tracing-subscriber = { workspace = true, features = ["env-filter"] }
-
-[lints]
-workspace = true
--- a/apps/daedalus_client/Dockerfile
+++ b/apps/daedalus_client/Dockerfile
@@ -1,4 +1,4 @@
-FROM rust:1.87.0 AS build
+FROM rust:1.86.0 AS build
 ENV PKG_CONFIG_ALLOW_CROSS=1

 WORKDIR /usr/src/daedalus
--- a/apps/daedalus_client/package.json
+++ b/apps/daedalus_client/package.json
@@ -2,10 +2,10 @@
  "name": "@modrinth/daedalus_client",
  "scripts": {
    "build": "cargo build --release",
-    "lint": "cargo fmt --check && cargo clippy --all-targets",
-    "fix": "cargo clippy --all-targets --fix --allow-dirty && cargo fmt",
+    "lint": "cargo fmt --check && cargo clippy --all-targets --all-features -- -D warnings",
+    "fix": "cargo fmt && cargo clippy --fix",
    "dev": "cargo run",
-    "test": "cargo nextest run --all-targets --no-fail-fast"
+    "test": "cargo test"
  },
  "dependencies": {
    "@modrinth/daedalus": "workspace:*"
--- a/apps/daedalus_client/src/minecraft.rs
+++ b/apps/daedalus_client/src/minecraft.rs
@@ -52,7 +52,8 @@ pub async fn fetch(
                    if modrinth_version
                        .original_sha1
                        .as_ref()
-                        .is_some_and(|x| x == &version.sha1)
+                        .map(|x| x == &version.sha1)
+                        .unwrap_or(false)
                    {
                        existing_versions.push(modrinth_version);
                    } else {
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -5,8 +5,7 @@
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
-    "lint": "astro check",
-    "build": "astro build",
+    "build": "astro check && astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
@@ -19,4 +18,4 @@
    "starlight-openapi": "^0.14.0",
    "typescript": "^5.8.2"
  }
-}
+}
--- a/apps/frontend/.env.local
+++ b/apps/frontend/.env.local
@@ -2,3 +2,4 @@ BASE_URL=http://127.0.0.1:8000/v2/
 BROWSER_BASE_URL=http://127.0.0.1:8000/v2/
 PYRO_BASE_URL=https://staging-archon.modrinth.com
 PROD_OVERRIDE=true
+
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -10,8 +10,7 @@
    "postinstall": "nuxi prepare",
    "lint": "eslint . && prettier --check .",
    "fix": "eslint . --fix && prettier --write .",
-    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/layouts,src/middleware,src/modules,src/pages,src/plugins,src/utils}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" \"src/error.vue\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace",
-    "test": "nuxi build"
+    "intl:extract": "formatjs extract \"{,src/components,src/composables,src/layouts,src/middleware,src/modules,src/pages,src/plugins,src/utils}/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" \"src/error.vue\" --ignore '**/*.d.ts' --ignore 'node_modules' --out-file src/locales/en-US/index.json --format crowdin --preserve-whitespace"
  },
  "devDependencies": {
    "@formatjs/cli": "^6.2.12",
@@ -41,12 +40,10 @@
    "@modrinth/ui": "workspace:*",
    "@modrinth/utils": "workspace:*",
    "@pinia/nuxt": "^0.5.1",
-    "@types/three": "^0.172.0",
    "@vintl/vintl": "^4.4.1",
    "@vueuse/core": "^11.1.0",
    "ace-builds": "^1.36.2",
    "ansi-to-html": "^0.7.2",
-    "cronstrue": "^2.61.0",
    "dayjs": "^1.11.7",
    "dompurify": "^3.1.7",
    "floating-vue": "^5.2.2",
@@ -61,6 +58,7 @@
    "qrcode.vue": "^3.4.0",
    "semver": "^7.5.4",
    "three": "^0.172.0",
+    "@types/three": "^0.172.0",
    "vue-multiselect": "3.0.0-alpha.2",
    "vue-typed-virtual-list": "^1.0.10",
    "vue3-ace-editor": "^2.2.4",
--- a/apps/frontend/src/components/ui/Avatar.vue
+++ b/apps/frontend/src/components/ui/Avatar.vue
@@ -0,0 +1,46 @@
+<template>
+  <OmorphiaAvatar
+    :src="src"
+    :alt="alt"
+    :size="size"
+    :circle="circle"
+    :no-shadow="noShadow"
+    :loading="loading"
+    :raised="raised"
+  />
+</template>
+
+<script setup>
+import { Avatar as OmorphiaAvatar } from "@modrinth/ui";
+
+const props = defineProps({
+  src: {
+    type: String,
+    default: null,
+  },
+  alt: {
+    type: String,
+    default: "",
+  },
+  size: {
+    type: String,
+    default: "2rem",
+  },
+  circle: {
+    type: Boolean,
+    default: false,
+  },
+  noShadow: {
+    type: Boolean,
+    default: false,
+  },
+  loading: {
+    type: String,
+    default: "eager",
+  },
+  raised: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
--- a/apps/frontend/src/components/ui/Badge.vue
+++ b/apps/frontend/src/components/ui/Badge.vue
@@ -0,0 +1,131 @@
+<template>
+  <span
+    :class="
+      'badge flex items-center gap-1 font-semibold text-secondary ' + color + ' type--' + type
+    "
+  >
+    <template v-if="color"> <span class="circle" /> {{ capitalizeString(type) }}</template>
+
+    <!-- User roles -->
+    <template v-else-if="type === 'admin'"> <ModrinthIcon /> Modrinth Team</template>
+    <template v-else-if="type === 'moderator'"> <ModeratorIcon /> Moderator</template>
+    <template v-else-if="type === 'creator'"><CreatorIcon /> Creator</template>
+    <template v-else-if="type === 'plus'"><PlusIcon /> Modrinth Plus</template>
+
+    <!-- Project statuses -->
+    <template v-else-if="type === 'approved'"><GlobeIcon /> Public</template>
+    <template v-else-if="type === 'approved-general'"><CheckIcon /> Approved</template>
+    <template v-else-if="type === 'unlisted' || type === 'withheld'"
+      ><LinkIcon /> Unlisted</template
+    >
+    <template v-else-if="type === 'private'"><LockIcon /> Private</template>
+    <template v-else-if="type === 'scheduled'"> <CalendarIcon /> Scheduled</template>
+    <template v-else-if="type === 'draft'"><DraftIcon /> Draft</template>
+    <template v-else-if="type === 'archived'"> <ArchiveIcon /> Archived</template>
+    <template v-else-if="type === 'rejected'"><CrossIcon /> Rejected</template>
+    <template v-else-if="type === 'processing'"> <ProcessingIcon /> Under review</template>
+
+    <!-- Team members -->
+    <template v-else-if="type === 'accepted'"><CheckIcon /> Accepted</template>
+    <template v-else-if="type === 'pending'"> <ProcessingIcon /> Pending </template>
+
+    <!-- Transaction statuses -->
+    <template v-else-if="type === 'success'"><CheckIcon /> Success</template>
+
+    <!-- Report status -->
+    <template v-else-if="type === 'closed'"> <CloseIcon /> Closed</template>
+
+    <!-- Other -->
+    <template v-else> <span class="circle" /> {{ capitalizeString(type) }} </template>
+  </span>
+</template>
+
+<script setup>
+import {
+  GlobeIcon,
+  LinkIcon,
+  ModrinthIcon,
+  PlusIcon,
+  ScaleIcon as ModeratorIcon,
+  BoxIcon as CreatorIcon,
+  FileTextIcon as DraftIcon,
+  XIcon as CrossIcon,
+  ArchiveIcon,
+  UpdatedIcon as ProcessingIcon,
+  CheckIcon,
+  LockIcon,
+  CalendarIcon,
+  XCircleIcon as CloseIcon,
+} from "@modrinth/assets";
+import { capitalizeString } from "@modrinth/utils";
+
+defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+  color: {
+    type: String,
+    default: "",
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.badge {
+  .circle {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 0.25rem;
+    background-color: var(--badge-color);
+  }
+
+  svg {
+    vertical-align: -15%;
+    width: 1em;
+    height: 1em;
+  }
+
+  &.type--closed,
+  &.type--withheld,
+  &.type--rejected,
+  &.red {
+    --badge-color: var(--color-red);
+  }
+
+  &.type--pending,
+  &.type--moderator,
+  &.type--processing,
+  &.type--scheduled,
+  &.orange {
+    --badge-color: var(--color-orange);
+  }
+
+  &.type--accepted,
+  &.type--admin,
+  &.type--success,
+  &.type--approved-general,
+  &.green {
+    --badge-color: var(--color-green);
+  }
+
+  &.type--creator,
+  &.blue {
+    --badge-color: var(--color-blue);
+  }
+
+  &.type--unlisted,
+  &.type--plus,
+  &.purple {
+    --badge-color: var(--color-purple);
+  }
+
+  &.type--private,
+  &.type--approved,
+  &.gray {
+    --badge-color: var(--color-secondary);
+  }
+}
+</style>
--- a/apps/frontend/src/components/ui/CopyCode.vue
+++ b/apps/frontend/src/components/ui/CopyCode.vue
@@ -0,0 +1,75 @@
+<template>
+  <button class="code" :class="{ copied }" title="Copy code to clipboard" @click="copyText">
+    <span>{{ text }}</span>
+    <CheckIcon v-if="copied" />
+    <ClipboardCopyIcon v-else />
+  </button>
+</template>
+
+<script>
+import { CheckIcon, ClipboardCopyIcon } from "@modrinth/assets";
+
+export default {
+  components: {
+    CheckIcon,
+    ClipboardCopyIcon,
+  },
+  props: {
+    text: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      copied: false,
+    };
+  },
+  methods: {
+    async copyText() {
+      await navigator.clipboard.writeText(this.text);
+      this.copied = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.code {
+  color: var(--color-text);
+  display: inline-flex;
+  grid-gap: 0.5rem;
+  font-family: var(--mono-font);
+  font-size: var(--font-size-sm);
+  margin: 0;
+  padding: 0.25rem 0.5rem;
+  background-color: var(--color-code-bg);
+  width: fit-content;
+  border-radius: 10px;
+  user-select: text;
+  transition:
+    opacity 0.5s ease-in-out,
+    filter 0.2s ease-in-out,
+    transform 0.05s ease-in-out,
+    outline 0.2s ease-in-out;
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  svg {
+    width: 1em;
+    height: 1em;
+  }
+
+  &:hover {
+    filter: brightness(0.85);
+  }
+
+  &:active {
+    transform: scale(0.95);
+    filter: brightness(0.8);
+  }
+}
+</style>
--- a/apps/frontend/src/components/ui/ModerationChecklist.vue
+++ b/apps/frontend/src/components/ui/ModerationChecklist.vue
@@ -654,11 +654,11 @@ For a brief rundown of how this works:
        {
          name: "Insufficient",
          resultingMessage: `## Insufficient Gallery Images
-We ask that projects like yours show off their content using images in the Gallery, or optionally in the Description, in order to effectively and clearly inform users of its content per section 2.1 of [Modrinth's content rules](https://modrinth.com/legal/rules#general-expectations).
-Keep in mind that you should:
- Set a featured image that best represents your project.
- Ensure all your images have titles that accurately label the image, and optionally, details on the contents of the image in the images Description.
- Upload any relevant images in your Description to your Gallery tab for best results.`,
+        We ask that projects like yours show off their content using images in the Gallery, or optionally in the Description, in order to effectively and clearly inform users of its content per section 2.1 of [Modrinth's content rules](https://modrinth.com/legal/rules#general-expectations).
+        Keep in mind that you should:
+        - Set a featured image that best represents your project.
+        - Ensure all your images have titles that accurately label the image, and optionally, details on the contents of the image in the images Description.
+        - Upload any relevant images in your Description to your Gallery tab for best results.`,
        },
        {
          name: "Not relevant",
--- a/apps/frontend/src/components/ui/NotificationItem.vue
+++ b/apps/frontend/src/components/ui/NotificationItem.vue
@@ -104,13 +104,13 @@
        </nuxt-link>
        <template v-if="tags.rejectedStatuses.includes(notification.body.new_status)">
          has been
-          <ProjectStatusBadge :status="notification.body.new_status" />
+          <Badge :type="notification.body.new_status" />
        </template>
        <template v-else>
          updated from
-          <ProjectStatusBadge :status="notification.body.old_status" />
+          <Badge :type="notification.body.old_status" />
          to
-          <ProjectStatusBadge :status="notification.body.new_status" />
+          <Badge :type="notification.body.new_status" />
        </template>
        by the moderators.
      </template>
@@ -331,13 +331,16 @@ import {
  XIcon,
  ExternalIcon,
 } from "@modrinth/assets";
-import { Avatar, ProjectStatusBadge, CopyCode, useRelativeTime } from "@modrinth/ui";
+import { useRelativeTime } from "@modrinth/ui";
 import ThreadSummary from "~/components/ui/thread/ThreadSummary.vue";
 import { getProjectLink, getVersionLink } from "~/helpers/projects.js";
 import { getUserLink } from "~/helpers/users.js";
 import { acceptTeamInvite, removeSelfFromTeam } from "~/helpers/teams.js";
 import { markAsRead } from "~/helpers/notifications.ts";
 import DoubleIcon from "~/components/ui/DoubleIcon.vue";
+import Avatar from "~/components/ui/Avatar.vue";
+import Badge from "~/components/ui/Badge.vue";
+import CopyCode from "~/components/ui/CopyCode.vue";
 import Categories from "~/components/ui/search/Categories.vue";

 const app = useNuxtApp();
--- a/apps/frontend/src/components/ui/OptionGroup.vue
+++ b/apps/frontend/src/components/ui/OptionGroup.vue
@@ -1,128 +0,0 @@
-<template>
-  <nav
-    ref="scrollContainer"
-    class="card-shadow experimental-styles-within relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold"
-  >
-    <button
-      v-for="(option, index) in options"
-      :key="`option-group-${index}`"
-      ref="optionButtons"
-      class="button-animation z-[1] flex flex-row items-center gap-2 rounded-full bg-transparent px-4 py-2 font-semibold"
-      :class="{
-        'text-button-textSelected': modelValue === option,
-        'text-primary': modelValue !== option,
-      }"
-      @click="setOption(option)"
-    >
-      <slot :option="option" :selected="modelValue === option" />
-    </button>
-    <div
-      class="navtabs-transition pointer-events-none absolute h-[calc(100%-0.5rem)] overflow-hidden rounded-full bg-button-bgSelected p-1"
-      :style="{
-        left: sliderLeftPx,
-        top: sliderTopPx,
-        right: sliderRightPx,
-        bottom: sliderBottomPx,
-        opacity: initialized ? 1 : 0,
-      }"
-      aria-hidden="true"
-    ></div>
-  </nav>
-</template>
-
-<script setup lang="ts" generic="T">
-import { ref, computed, onMounted } from "vue";
-
-const modelValue = defineModel<T>({ required: true });
-
-const props = defineProps<{
-  options: T[];
-}>();
-
-const scrollContainer = ref<HTMLElement | null>(null);
-
-const sliderLeft = ref(4);
-const sliderTop = ref(4);
-const sliderRight = ref(4);
-const sliderBottom = ref(4);
-
-const sliderLeftPx = computed(() => `${sliderLeft.value}px`);
-const sliderTopPx = computed(() => `${sliderTop.value}px`);
-const sliderRightPx = computed(() => `${sliderRight.value}px`);
-const sliderBottomPx = computed(() => `${sliderBottom.value}px`);
-
-const optionButtons = ref();
-
-const initialized = ref(false);
-
-function setOption(option: T) {
-  modelValue.value = option;
-}
-
-watch(modelValue, () => {
-  startAnimation(props.options.indexOf(modelValue.value));
-});
-
-function startAnimation(index: number) {
-  const el = optionButtons.value[index];
-
-  if (!el || !el.offsetParent) return;
-
-  const newValues = {
-    left: el.offsetLeft,
-    top: el.offsetTop,
-    right: el.offsetParent.offsetWidth - el.offsetLeft - el.offsetWidth,
-    bottom: el.offsetParent.offsetHeight - el.offsetTop - el.offsetHeight,
-  };
-
-  if (sliderLeft.value === 4 && sliderRight.value === 4) {
-    sliderLeft.value = newValues.left;
-    sliderRight.value = newValues.right;
-    sliderTop.value = newValues.top;
-    sliderBottom.value = newValues.bottom;
-  } else {
-    const delay = 200;
-
-    if (newValues.left < sliderLeft.value) {
-      sliderLeft.value = newValues.left;
-      setTimeout(() => {
-        sliderRight.value = newValues.right;
-      }, delay);
-    } else {
-      sliderRight.value = newValues.right;
-      setTimeout(() => {
-        sliderLeft.value = newValues.left;
-      }, delay);
-    }
-
-    if (newValues.top < sliderTop.value) {
-      sliderTop.value = newValues.top;
-      setTimeout(() => {
-        sliderBottom.value = newValues.bottom;
-      }, delay);
-    } else {
-      sliderBottom.value = newValues.bottom;
-      setTimeout(() => {
-        sliderTop.value = newValues.top;
-      }, delay);
-    }
-  }
-  initialized.value = true;
-}
-
-onMounted(() => {
-  startAnimation(props.options.indexOf(modelValue.value));
-});
-</script>
-
-<style scoped>
-.navtabs-transition {
-  transition:
-    all 150ms cubic-bezier(0.4, 0, 0.2, 1),
-    opacity 250ms cubic-bezier(0.5, 0, 0.2, 1) 50ms;
-}
-
-.card-shadow {
-  box-shadow: var(--shadow-card);
-}
-</style>
--- a/apps/frontend/src/components/ui/Pagination.vue
+++ b/apps/frontend/src/components/ui/Pagination.vue
@@ -0,0 +1,196 @@
+<template>
+  <div v-if="count > 1" class="columns paginates">
+    <a
+      :class="{ disabled: page === 1 }"
+      :tabindex="page === 1 ? -1 : 0"
+      class="left-arrow paginate has-icon"
+      aria-label="Previous Page"
+      :href="linkFunction(page - 1)"
+      @click.prevent="page !== 1 ? switchPage(page - 1) : null"
+    >
+      <LeftArrowIcon />
+    </a>
+    <div
+      v-for="(item, index) in pages"
+      :key="'page-' + item + '-' + index"
+      :class="{
+        'page-number': page !== item,
+        shrink: item > 99,
+      }"
+      class="page-number-container"
+    >
+      <div v-if="item === '-'" class="has-icon">
+        <GapIcon />
+      </div>
+      <a
+        v-else
+        :class="{
+          'page-number current': page === item,
+          shrink: item > 99,
+        }"
+        :href="linkFunction(item)"
+        @click.prevent="page !== item ? switchPage(item) : null"
+      >
+        {{ item }}
+      </a>
+    </div>
+
+    <a
+      :class="{
+        disabled: page === pages[pages.length - 1],
+      }"
+      :tabindex="page === pages[pages.length - 1] ? -1 : 0"
+      class="right-arrow paginate has-icon"
+      aria-label="Next Page"
+      :href="linkFunction(page + 1)"
+      @click.prevent="page !== pages[pages.length - 1] ? switchPage(page + 1) : null"
+    >
+      <RightArrowIcon />
+    </a>
+  </div>
+</template>
+
+<script>
+import { GapIcon, LeftArrowIcon, RightArrowIcon } from "@modrinth/assets";
+
+export default {
+  components: {
+    GapIcon,
+    LeftArrowIcon,
+    RightArrowIcon,
+  },
+  props: {
+    page: {
+      type: Number,
+      default: 1,
+    },
+    count: {
+      type: Number,
+      default: 1,
+    },
+    linkFunction: {
+      type: Function,
+      default() {
+        return () => "/";
+      },
+    },
+  },
+  emits: ["switch-page"],
+  computed: {
+    pages() {
+      let pages = [];
+
+      if (this.count > 7) {
+        if (this.page + 3 >= this.count) {
+          pages = [
+            1,
+            "-",
+            this.count - 4,
+            this.count - 3,
+            this.count - 2,
+            this.count - 1,
+            this.count,
+          ];
+        } else if (this.page > 5) {
+          pages = [1, "-", this.page - 1, this.page, this.page + 1, "-", this.count];
+        } else {
+          pages = [1, 2, 3, 4, 5, "-", this.count];
+        }
+      } else {
+        pages = Array.from({ length: this.count }, (_, i) => i + 1);
+      }
+
+      return pages;
+    },
+  },
+  methods: {
+    switchPage(newPage) {
+      this.$emit("switch-page", newPage);
+      if (newPage !== null && newPage !== "" && !isNaN(newPage)) {
+        this.$emit("switch-page", Math.min(Math.max(newPage, 1), this.count));
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+a {
+  position: relative;
+  color: var(--color-button-text);
+  box-shadow: var(--shadow-raised), var(--shadow-inset);
+
+  padding: 0.5rem 1rem;
+  margin: 0;
+  border-radius: 2rem;
+  background: var(--color-raised-bg);
+
+  transition:
+    opacity 0.5s ease-in-out,
+    filter 0.2s ease-in-out,
+    transform 0.05s ease-in-out,
+    outline 0.2s ease-in-out;
+
+  &.page-number.current {
+    background: var(--color-brand);
+    color: var(--color-brand-inverted);
+    cursor: default;
+    outline: 2px solid transparent;
+  }
+
+  &.paginate.disabled {
+    background-color: transparent;
+    cursor: not-allowed;
+    filter: grayscale(50%);
+    opacity: 0.5;
+  }
+}
+
+.has-icon {
+  display: flex;
+  align-items: center;
+
+  svg {
+    width: 1em;
+  }
+}
+
+.page-number-container,
+a,
+.has-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.paginates {
+  height: 2em;
+  margin: 0.5rem 0;
+
+  > div,
+  .has-icon {
+    margin: 0 0.3em;
+  }
+}
+
+.left-arrow {
+  margin-left: auto !important;
+}
+
+.right-arrow {
+  margin-right: auto !important;
+}
+
+@media screen and (max-width: 400px) {
+  .paginates {
+    font-size: 80%;
+  }
+}
+
+@media screen and (max-width: 530px) {
+  a {
+    width: 2.5rem;
+    padding: 0.5rem 0;
+  }
+}
+</style>
--- a/apps/frontend/src/components/ui/ProjectCard.vue
+++ b/apps/frontend/src/components/ui/ProjectCard.vue
@@ -29,7 +29,7 @@
          {{ author }}
        </nuxt-link>
      </p>
-      <ProjectStatusBadge v-if="status && status !== 'approved'" :status="status" class="status" />
+      <Badge v-if="status && status !== 'approved'" :type="status" class="status" />
    </div>
    <p class="description">
      {{ description }}
@@ -91,16 +91,18 @@

 <script>
 import { CalendarIcon, UpdatedIcon, DownloadIcon, HeartIcon } from "@modrinth/assets";
-import { Avatar, ProjectStatusBadge, useRelativeTime } from "@modrinth/ui";
 import Categories from "~/components/ui/search/Categories.vue";
+import Badge from "~/components/ui/Badge.vue";
 import EnvironmentIndicator from "~/components/ui/EnvironmentIndicator.vue";
+import Avatar from "~/components/ui/Avatar.vue";
+import { useRelativeTime } from "@modrinth/ui";

 export default {
  components: {
-    ProjectStatusBadge,
    EnvironmentIndicator,
    Avatar,
    Categories,
+    Badge,
    CalendarIcon,
    UpdatedIcon,
    DownloadIcon,
--- a/apps/frontend/src/components/ui/charts/Chart.client.vue
+++ b/apps/frontend/src/components/ui/charts/Chart.client.vue
@@ -133,7 +133,7 @@ function generateTooltip({ series, seriesIndex, dataPointIndex, w }, props) {
      props,
    );
  } else {
-    const returnTopN = 15;
+    const returnTopN = 5;

    const listEntries = series
      .map((value, index) => [
--- a/apps/frontend/src/components/ui/report/ReportInfo.vue
+++ b/apps/frontend/src/components/ui/report/ReportInfo.vue
@@ -104,9 +104,12 @@

 <script setup>
 import { ReportIcon, UnknownIcon, VersionIcon } from "@modrinth/assets";
-import { Avatar, Badge, CopyCode, useRelativeTime } from "@modrinth/ui";
 import { renderHighlightedString } from "~/helpers/highlight.js";
+import { useRelativeTime } from "@modrinth/ui";
+import Avatar from "~/components/ui/Avatar.vue";
+import Badge from "~/components/ui/Badge.vue";
 import ThreadSummary from "~/components/ui/thread/ThreadSummary.vue";
+import CopyCode from "~/components/ui/CopyCode.vue";

 const formatRelativeTime = useRelativeTime();

--- a/apps/frontend/src/components/ui/report/ReportsList.vue
+++ b/apps/frontend/src/components/ui/report/ReportsList.vue
@@ -18,7 +18,6 @@
 <script setup>
 import ReportInfo from "~/components/ui/report/ReportInfo.vue";
 import { addReportMessage } from "~/helpers/threads.js";
-import { asEncodedJsonArray, fetchSegmented } from "~/utils/fetch-helpers.ts";

 defineProps({
  moderation: {
@@ -54,13 +53,13 @@ const threadIds = [

 const [{ data: users }, { data: versions }, { data: threads }] = await Promise.all([
  await useAsyncData(`users?ids=${JSON.stringify(userIds)}`, () =>
-    fetchSegmented(userIds, (ids) => `users?ids=${asEncodedJsonArray(ids)}`),
+    useBaseFetch(`users?ids=${encodeURIComponent(JSON.stringify(userIds))}`),
  ),
  await useAsyncData(`versions?ids=${JSON.stringify(versionIds)}`, () =>
-    fetchSegmented(versionIds, (ids) => `versions?ids=${asEncodedJsonArray(ids)}`),
+    useBaseFetch(`versions?ids=${encodeURIComponent(JSON.stringify(versionIds))}`),
  ),
  await useAsyncData(`threads?ids=${JSON.stringify(threadIds)}`, () =>
-    fetchSegmented(threadIds, (ids) => `threads?ids=${asEncodedJsonArray(ids)}`),
+    useBaseFetch(`threads?ids=${encodeURIComponent(JSON.stringify(threadIds))}`),
  ),
 ]);

@@ -71,7 +70,7 @@ const versionProjects = versions.value.map((version) => version.project_id);
 const projectIds = [...new Set(reportedProjects.concat(versionProjects))];

 const { data: projects } = await useAsyncData(`projects?ids=${JSON.stringify(projectIds)}`, () =>
-  fetchSegmented(projectIds, (ids) => `projects?ids=${asEncodedJsonArray(ids)}`),
+  useBaseFetch(`projects?ids=${encodeURIComponent(JSON.stringify(projectIds))}`),
 );

 reports.value = rawReports.map((report) => {
--- a/apps/frontend/src/components/ui/servers/BackupCreateModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupCreateModal.vue
@@ -45,11 +45,9 @@
 import { ref, nextTick, computed } from "vue";
 import { ButtonStyled, NewModal } from "@modrinth/ui";
 import { IssuesIcon, PlusIcon, XIcon } from "@modrinth/assets";
-import { ModrinthServersFetchError, type ServerBackup } from "@modrinth/utils";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
 }>();

 const modal = ref<InstanceType<typeof NewModal>>();
@@ -66,7 +64,7 @@ const trimmedName = computed(() => backupName.value.trim());
 const nameExists = computed(() => {
  if (!props.server.backups?.data) return false;
  return props.server.backups.data.some(
-    (backup: ServerBackup) => backup.name.trim().toLowerCase() === trimmedName.value.toLowerCase(),
+    (backup) => backup.name.trim().toLowerCase() === trimmedName.value.toLowerCase(),
  );
 });

@@ -100,7 +98,7 @@ const createBackup = async () => {
    hideModal();
    await props.server.refresh();
  } catch (error) {
-    if (error instanceof ModrinthServersFetchError && error?.statusCode === 429) {
+    if (error instanceof PyroFetchError && error.statusCode === 429) {
      isRateLimited.value = true;
      addNotification({
        type: "error",
--- a/apps/frontend/src/components/ui/servers/BackupDeleteModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupDeleteModal.vue
@@ -20,9 +20,13 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { ConfirmModal } from "@modrinth/ui";
-import type { Backup } from "@modrinth/utils";
+import type { Server } from "~/composables/pyroServers";
 import BackupItem from "~/components/ui/servers/BackupItem.vue";

+defineProps<{
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
+}>();
+
 const emit = defineEmits<{
  (e: "delete", backup: Backup | undefined): void;
 }>();
--- a/apps/frontend/src/components/ui/servers/BackupItem.vue
+++ b/apps/frontend/src/components/ui/servers/BackupItem.vue
@@ -17,7 +17,7 @@ import {
 import { ButtonStyled, commonMessages, OverflowMenu, ProgressBar } from "@modrinth/ui";
 import { defineMessages, useVIntl } from "@vintl/vintl";
 import { ref } from "vue";
-import type { Backup } from "@modrinth/utils";
+import type { Backup } from "~/composables/pyroServers.ts";

 const flags = useFeatureFlags();
 const { formatMessage } = useVIntl();
--- a/apps/frontend/src/components/ui/servers/BackupRenameModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupRenameModal.vue
@@ -48,11 +48,10 @@
 import { ref, nextTick, computed } from "vue";
 import { ButtonStyled, NewModal } from "@modrinth/ui";
 import { SpinnerIcon, SaveIcon, XIcon, IssuesIcon } from "@modrinth/assets";
-import type { Backup } from "@modrinth/utils";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
+import type { Server } from "~/composables/pyroServers";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
 }>();

 const modal = ref<InstanceType<typeof NewModal>>();
@@ -71,7 +70,7 @@ const nameExists = computed(() => {
  }

  return props.server.backups.data.some(
-    (backup: Backup) => backup.name.trim().toLowerCase() === trimmedName.value.toLowerCase(),
+    (backup) => backup.name.trim().toLowerCase() === trimmedName.value.toLowerCase(),
  );
 });

--- a/apps/frontend/src/components/ui/servers/BackupRestoreModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupRestoreModal.vue
@@ -19,12 +19,11 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { ConfirmModal, NewModal } from "@modrinth/ui";
-import type { Backup } from "@modrinth/utils";
+import type { Server } from "~/composables/pyroServers";
 import BackupItem from "~/components/ui/servers/BackupItem.vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
 }>();

 const modal = ref<InstanceType<typeof NewModal>>();
--- a/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue
@@ -59,10 +59,10 @@
 import { ButtonStyled, NewModal } from "@modrinth/ui";
 import { XIcon, SaveIcon } from "@modrinth/assets";
 import { ref, computed } from "vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
+import type { Server } from "~/composables/pyroServers";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["backups"]>;
 }>();

 const modal = ref<InstanceType<typeof NewModal>>();
--- a/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
+++ b/apps/frontend/src/components/ui/servers/ContentVersionEditModal.vue
@@ -239,7 +239,7 @@ import {
 import { Admonition, ButtonStyled, NewModal } from "@modrinth/ui";
 import TagItem from "@modrinth/ui/src/components/base/TagItem.vue";
 import { ref, computed } from "vue";
-import { formatCategory, formatVersionsForDisplay, type Mod, type Version } from "@modrinth/utils";
+import { formatCategory, formatVersionsForDisplay, type Version } from "@modrinth/utils";
 import Accordion from "~/components/ui/Accordion.vue";
 import Checkbox from "~/components/ui/Checkbox.vue";
 import ContentVersionFilter, {
--- a/apps/frontend/src/components/ui/servers/FilesUploadDropdown.vue
+++ b/apps/frontend/src/components/ui/servers/FilesUploadDropdown.vue
@@ -99,7 +99,7 @@
 import { FolderOpenIcon, CheckCircleIcon, XCircleIcon } from "@modrinth/assets";
 import { ButtonStyled } from "@modrinth/ui";
 import { ref, computed, watch, nextTick } from "vue";
-import { FSModule } from "~/composables/servers/modules/fs.ts";
+import type { FSModule } from "~/composables/pyroServers.ts";

 interface UploadItem {
  file: File;
--- a/apps/frontend/src/components/ui/servers/FilesUploadZipUrlModal.vue
+++ b/apps/frontend/src/components/ui/servers/FilesUploadZipUrlModal.vue
@@ -75,14 +75,13 @@
 <script setup lang="ts">
 import { ExternalIcon, SpinnerIcon, DownloadIcon, XIcon } from "@modrinth/assets";
 import { BackupWarning, ButtonStyled, NewModal } from "@modrinth/ui";
-import { ModrinthServersFetchError } from "@modrinth/utils";
 import { ref, computed, nextTick } from "vue";
-import { handleError, ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
+import { handleError, type Server } from "~/composables/pyroServers.ts";

 const cf = ref(false);

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
 }>();

 const modal = ref<typeof NewModal>();
@@ -111,18 +110,24 @@ const handleSubmit = async () => {
  if (!error.value) {
    // hide();
    try {
-      const dry = await props.server.fs.extractFile(trimmedUrl.value, true, true);
+      const dry = await props.server.fs?.extractFile(trimmedUrl.value, true, true);

      if (!cf.value || dry.modpack_name) {
-        await props.server.fs.extractFile(trimmedUrl.value, true, false, true);
+        await props.server.fs?.extractFile(trimmedUrl.value, true, false, true);
        hide();
      } else {
        submitted.value = false;
        handleError(
-          new ModrinthServersFetchError(
+          new ServersError(
            "Could not find CurseForge modpack at that URL.",
-            404,
-            new Error(`No modpack found at ${url.value}`),
+            undefined,
+            undefined,
+            undefined,
+            {
+              context: "Error installing modpack",
+              error: `url: ${url.value}`,
+              description: "Could not find CurseForge modpack at that URL.",
+            },
          ),
        );
      }
--- a/apps/frontend/src/components/ui/servers/LoaderSelector.vue
+++ b/apps/frontend/src/components/ui/servers/LoaderSelector.vue
@@ -63,7 +63,6 @@ const props = defineProps<{
    loader: string | null;
    loader_version: string | null;
  };
-  ignoreCurrentInstallation?: boolean;
  isInstalling?: boolean;
 }>();

--- a/apps/frontend/src/components/ui/servers/OverviewLoading.vue
+++ b/apps/frontend/src/components/ui/servers/OverviewLoading.vue
@@ -0,0 +1,80 @@
+<template>
+  <div
+    aria-hidden="true"
+    style="font-variant-numeric: tabular-nums"
+    class="pointer-events-none h-full w-full select-none"
+  >
+    <div class="flex flex-col gap-6">
+      <div class="flex flex-row items-center gap-6">
+        <div
+          class="relative max-h-[156px] min-h-[156px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8"
+        >
+          <div class="relative z-10 -ml-3 w-fit rounded-xl px-3 py-1">
+            <div class="-mb-0.5 mt-0.5 flex flex-row items-center gap-2">
+              <h2 class="m-0 -ml-0.5 text-3xl font-extrabold text-contrast">0.00%</h2>
+              <h3 class="relative z-10 text-sm font-normal text-secondary">/ 100%</h3>
+            </div>
+            <h3 class="relative z-10 text-base font-normal text-secondary">CPU usage</h3>
+          </div>
+          <CPUIcon class="absolute right-10 top-10" />
+        </div>
+        <div
+          class="relative max-h-[156px] min-h-[156px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8"
+        >
+          <div class="relative z-10 -ml-3 w-fit rounded-xl px-3 py-1">
+            <div class="-mb-0.5 mt-0.5 flex flex-row items-center gap-2">
+              <h2 class="m-0 -ml-0.5 text-3xl font-extrabold text-contrast">0.00%</h2>
+              <h3 class="relative z-10 text-sm font-normal text-secondary">/ 100%</h3>
+            </div>
+            <h3 class="relative z-10 text-base font-normal text-secondary">Memory usage</h3>
+          </div>
+          <DBIcon class="absolute right-10 top-10" />
+        </div>
+        <div
+          class="relative isolate min-h-[156px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8 transition-transform duration-100 hover:scale-105 active:scale-100"
+        >
+          <div class="flex flex-row items-center gap-2">
+            <h2 class="m-0 -ml-0.5 mt-1 text-3xl font-extrabold text-contrast">0 B</h2>
+          </div>
+          <h3 class="relative z-10 text-base font-normal text-secondary">Storage usage</h3>
+          <FolderOpenIcon class="absolute right-10 top-10 size-8" />
+        </div>
+      </div>
+
+      <div
+        class="relative flex h-full w-full flex-col gap-3 overflow-hidden rounded-2xl bg-bg-raised p-8"
+      >
+        <div class="experimental-styles-within flex flex-row items-center">
+          <div class="flex flex-row items-center gap-4">
+            <h2 class="m-0 text-3xl font-extrabold text-contrast">Console</h2>
+          </div>
+        </div>
+        <div class="relative w-full">
+          <input type="text" placeholder="Search logs" class="h-12 !w-full !pl-10 !pr-48" />
+          <SearchIcon class="absolute left-4 top-1/2 -translate-y-1/2" />
+        </div>
+        <div
+          class="console relative h-full min-h-[516px] w-full overflow-hidden rounded-xl bg-bg text-sm"
+        ></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { CPUIcon, DBIcon, FolderOpenIcon, SearchIcon } from "@modrinth/assets";
+</script>
+
+<style scoped>
+html.light-mode .console {
+  background: var(--color-bg);
+}
+
+html.dark-mode .console {
+  background: black;
+}
+
+html.oled-mode .console {
+  background: black;
+}
+</style>
--- a/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
+++ b/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
@@ -59,7 +59,7 @@

      <template v-else>
        <ButtonStyled v-if="showStopButton" type="transparent">
-          <button :disabled="!canTakeAction" @click="initiateAction('Stop')">
+          <button :disabled="!canTakeAction" @click="initiateAction('stop')">
            <div class="flex gap-1">
              <StopCircleIcon class="h-5 w-5" />
              <span>{{ isStoppingState ? "Stopping..." : "Stop" }}</span>
@@ -120,12 +120,14 @@ import {
 import { ButtonStyled, NewModal } from "@modrinth/ui";
 import { useRouter } from "vue-router";
 import { useStorage } from "@vueuse/core";
-import type { PowerAction as ServerPowerAction, ServerState } from "@modrinth/utils";
+
+type ServerAction = "start" | "stop" | "restart" | "kill";
+type ServerState = "stopped" | "starting" | "running" | "stopping" | "restarting";

 const flags = useFeatureFlags();

 interface PowerAction {
-  action: ServerPowerAction;
+  action: ServerAction;
  nextState: ServerState;
 }

@@ -140,7 +142,7 @@ const props = defineProps<{
 }>();

 const emit = defineEmits<{
-  (e: "action", action: ServerPowerAction): void;
+  (e: "action", action: ServerAction): void;
 }>();

 const router = useRouter();
@@ -168,7 +170,7 @@ const isStoppingState = computed(() => serverState.value === "stopping");
 const showStopButton = computed(() => isRunning.value || isStoppingState.value);

 const primaryActionText = computed(() => {
-  const states: Partial<Record<ServerState, string>> = {
+  const states: Record<ServerState, string> = {
    starting: "Starting...",
    restarting: "Restarting...",
    running: "Restart",
@@ -191,7 +193,7 @@ const menuOptions = computed(() => [
          id: "kill",
          label: "Kill server",
          icon: SlashIcon,
-          action: () => initiateAction("Kill"),
+          action: () => initiateAction("kill"),
        },
      ]),
  {
@@ -219,17 +221,17 @@ async function copyId() {
  await navigator.clipboard.writeText(serverId as string);
 }

-function initiateAction(action: ServerPowerAction) {
+function initiateAction(action: ServerAction) {
  if (!canTakeAction.value) return;

-  const stateMap: Record<ServerPowerAction, ServerState> = {
-    Start: "starting",
-    Stop: "stopping",
-    Restart: "restarting",
-    Kill: "stopping",
+  const stateMap: Record<ServerAction, ServerState> = {
+    start: "starting",
+    stop: "stopping",
+    restart: "restarting",
+    kill: "stopping",
  };

-  if (action === "Start") {
+  if (action === "start") {
    emit("action", action);
    serverState.value = stateMap[action];
    startingDelay.value = true;
@@ -247,7 +249,7 @@ function initiateAction(action: ServerPowerAction) {
 }

 function handlePrimaryAction() {
-  initiateAction(isRunning.value ? "Restart" : "Start");
+  initiateAction(isRunning.value ? "restart" : "start");
 }

 function executePowerAction() {
@@ -261,7 +263,7 @@ function executePowerAction() {
    userPreferences.value.powerDontAskAgain = true;
  }

-  if (action === "Start") {
+  if (action === "start") {
    startingDelay.value = true;
    setTimeout(() => (startingDelay.value = false), 5000);
  }
--- a/apps/frontend/src/components/ui/servers/PanelServerStatus.vue
+++ b/apps/frontend/src/components/ui/servers/PanelServerStatus.vue
@@ -40,7 +40,7 @@

 <script setup lang="ts">
 import { ref } from "vue";
-import type { ServerState } from "@modrinth/utils";
+import type { ServerState } from "~/types/servers";

 const STATUS_CLASSES = {
  running: { main: "bg-brand", bg: "bg-bg-green" },
@@ -49,7 +49,7 @@ const STATUS_CLASSES = {
  unknown: { main: "", bg: "" },
 } as const;

-const STATUS_TEXTS: Partial<Record<ServerState, string>> = {
+const STATUS_TEXTS = {
  running: "Running",
  stopped: "",
  crashed: "Crashed",
@@ -63,10 +63,7 @@ defineProps<{
 const isExpanded = ref(false);

 function getStatusClass(state: ServerState) {
-  if (state in STATUS_CLASSES) {
-    return STATUS_CLASSES[state as keyof typeof STATUS_CLASSES];
-  }
-  return STATUS_CLASSES.unknown;
+  return STATUS_CLASSES[state] ?? STATUS_CLASSES.unknown;
 }

 function getStatusText(state: ServerState) {
--- a/apps/frontend/src/components/ui/servers/PanelTerminal.vue
+++ b/apps/frontend/src/components/ui/servers/PanelTerminal.vue
@@ -7,17 +7,16 @@
          type="text"
          placeholder="Search logs"
          class="h-12 !w-full !pl-10 !pr-48"
-          :disabled="loading"
          @keydown.escape="clearSearch"
        />
        <SearchIcon class="absolute left-4 top-1/2 -translate-y-1/2" />
-        <ButtonStyled v-if="searchInput && !loading" @click="clearSearch">
+        <ButtonStyled v-if="searchInput" @click="clearSearch">
          <button class="absolute right-2 top-1/2 -translate-y-1/2">
            <XIcon class="h-5 w-5" />
          </button>
        </ButtonStyled>
        <span
-          v-if="pyroConsole.filteredOutput.value.length && searchInput && !loading"
+          v-if="pyroConsole.filteredOutput.value.length && searchInput"
          class="pointer-events-none absolute right-12 top-1/2 -translate-y-1/2 select-none whitespace-pre text-sm"
        >
          {{ pyroConsole.filteredOutput.value.length }}
@@ -30,13 +29,11 @@
      :class="[
        'terminal-font console relative z-[1] flex h-full w-full flex-col items-center justify-between overflow-hidden rounded-t-xl px-1 text-sm transition-transform duration-300',
        { 'scale-fullscreen screen-fixed inset-0 z-50 !rounded-none': isFullScreen },
-        { 'pointer-events-none': loading },
      ]"
-      :aria-hidden="loading"
      tabindex="-1"
    >
      <div
-        v-if="cosmetics.advancedRendering && !loading"
+        v-if="cosmetics.advancedRendering"
        class="progressive-gradient pointer-events-none absolute -bottom-6 left-0 z-[2] h-[10rem] w-full overflow-hidden rounded-xl"
        :style="`--transparency: ${Math.max(0, lerp(100, 0, bottomThreshold * 8))}%`"
        aria-hidden="true"
@@ -50,7 +47,7 @@
        />
      </div>
      <div
-        v-else-if="!loading"
+        v-else
        class="pointer-events-none absolute bottom-0 left-0 right-0 z-[2] h-[196px] w-full"
        :style="
          bottomThreshold > 0
@@ -82,7 +79,6 @@
      </div>
      <div data-pyro-terminal-scroll-root class="relative h-full w-full">
        <div
-          v-if="!loading"
          ref="scrollbarTrack"
          data-pyro-terminal-scrollbar-track
          class="absolute -right-1 bottom-16 top-4 z-[4] w-4 overflow-hidden"
@@ -122,12 +118,7 @@
          class="scrollbar-none absolute left-0 top-0 h-full w-full select-text overflow-x-auto overflow-y-auto py-6 pb-[72px]"
          @scroll.passive="() => handleListScroll()"
        >
-          <div v-if="loading" class="h-full w-full" />
-          <div
-            v-else
-            data-pyro-terminal-virtual-height-watcher
-            :style="{ height: `${totalHeight}px` }"
-          >
+          <div data-pyro-terminal-virtual-height-watcher :style="{ height: `${totalHeight}px` }">
            <ul
              class="m-0 list-none p-0"
              data-pyro-terminal-virtual-list
@@ -214,7 +205,6 @@
        <slot />
      </div>
      <button
-        v-if="!loading"
        data-pyro-fullscreen
        :label="isFullScreen ? 'Exit full screen' : 'Enter full screen'"
        class="experimental-styles-within absolute right-4 top-4 z-[3] grid h-12 w-12 place-content-center rounded-full border-[1px] border-solid border-button-border bg-bg-raised text-contrast transition-all duration-200 hover:scale-110 active:scale-95"
@@ -227,7 +217,7 @@

      <Transition name="fade">
        <div
-          v-if="(hasSelection || isSingleLineSelected) && !loading"
+          v-if="hasSelection || isSingleLineSelected"
          class="absolute right-20 top-4 z-[3] flex flex-row items-center"
          :class="{ '!right-4': searchInput || hasSelection || isSingleLineSelected }"
        >
@@ -257,7 +247,7 @@

      <Transition name="scroll-to-bottom">
        <button
-          v-if="bottomThreshold > 0 && !isScrolledToBottom && !loading"
+          v-if="bottomThreshold > 0 && !isScrolledToBottom"
          data-pyro-scrolltobottom
          label="Scroll to bottom"
          class="scroll-to-bottom-btn experimental-styles-within absolute bottom-[4.5rem] right-4 z-[3] grid h-12 w-12 place-content-center rounded-full border-[1px] border-solid border-button-border bg-bg-raised text-contrast transition-all duration-200 hover:scale-110 active:scale-95"
@@ -301,14 +291,13 @@ import { useDebounceFn } from "@vueuse/core";
 import { NewModal } from "@modrinth/ui";
 import ButtonStyled from "@modrinth/ui/src/components/base/ButtonStyled.vue";
 import DOMPurify from "dompurify";
-import { useModrinthServersConsole } from "~/store/console.ts";
+import { usePyroConsole } from "~/store/console.ts";

 const { $cosmetics } = useNuxtApp();
 const cosmetics = $cosmetics;

 const props = defineProps<{
  fullScreen: boolean;
-  loading?: boolean;
 }>();

 const BUFFER_SIZE = 5;
@@ -318,8 +307,8 @@ const SEPARATOR_HEIGHT = 32;
 const SCROLL_END_DELAY = 150;
 const progressiveBlurIterations = ref(8);

-const pyroConsole = useModrinthServersConsole();
-const consoleOutput = computed(() => (props.loading ? [] : pyroConsole.output.value));
+const pyroConsole = usePyroConsole();
+const consoleOutput = pyroConsole.output;

 const scrollContainer = ref<HTMLElement | null>(null);

--- a/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
@@ -69,11 +69,10 @@
 <script setup lang="ts">
 import { ButtonStyled, NewModal } from "@modrinth/ui";
 import { DownloadIcon, XIcon } from "@modrinth/assets";
-import { ModrinthServersFetchError } from "@modrinth/utils";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
+import type { Server } from "~/composables/pyroServers";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
  project: any;
  versions: any[];
  currentVersion?: any;
@@ -99,7 +98,8 @@ const handleReinstall = async () => {
  try {
    const versionId = props.versions.find((v) => v.version_number === selectedVersion.value)?.id;

-    await props.server.general.reinstall(
+    await props.server.general?.reinstall(
+      props.server.serverId,
      false,
      props.project.id,
      versionId,
@@ -110,7 +110,7 @@ const handleReinstall = async () => {
    emit("reinstall");
    hide();
  } catch (error) {
-    if (error instanceof ModrinthServersFetchError && error.statusCode === 429) {
+    if (error instanceof PyroFetchError && error.statusCode === 429) {
      addNotification({
        group: "server",
        title: "Cannot reinstall server",
--- a/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformMrpackModal.vue
@@ -116,12 +116,11 @@
 <script setup lang="ts">
 import { BackupWarning, ButtonStyled, NewModal } from "@modrinth/ui";
 import { UploadIcon, RightArrowIcon, XIcon, ServerIcon } from "@modrinth/assets";
-import { ModrinthServersFetchError } from "@modrinth/utils";
+import type { Server } from "~/composables/pyroServers";
 import type { BackupInProgressReason } from "~/pages/servers/manage/[id].vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
  backupInProgress?: BackupInProgressReason;
 }>();

@@ -176,7 +175,7 @@ const handleReinstall = async () => {
    window.scrollTo(0, 0);
    hide();
  } catch (error) {
-    if (error instanceof ModrinthServersFetchError && error?.statusCode === 429) {
+    if (error instanceof PyroFetchError && error.statusCode === 429) {
      addNotification({
        group: "server",
        title: "Cannot reinstall server",
--- a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
@@ -127,10 +127,7 @@
          </div>
        </div>

-        <div
-          v-if="!initialSetup"
-          class="flex w-full flex-col gap-2 rounded-2xl bg-table-alternateRow p-4"
-        >
+        <div class="flex w-full flex-col gap-2 rounded-2xl bg-table-alternateRow p-4">
          <div class="flex w-full flex-row items-center justify-between">
            <label class="w-full text-lg font-bold text-contrast" for="hard-reset">
              Erase all data
@@ -149,10 +146,7 @@
          <div class="font-bold">This does not affect your backups, which are stored off-site.</div>
        </div>

-        <BackupWarning
-          v-if="!initialSetup"
-          :backup-link="`/servers/manage/${props.server?.serverId}/backups`"
-        />
+        <BackupWarning :backup-link="`/servers/manage/${props.server?.serverId}/backups`" />
      </div>

      <div class="mt-4 flex justify-start gap-4">
@@ -200,9 +194,9 @@
 import { BackupWarning, ButtonStyled, NewModal, Toggle } from "@modrinth/ui";
 import { DropdownIcon, RightArrowIcon, ServerIcon, XIcon } from "@modrinth/assets";
 import { $fetch } from "ofetch";
-import { type Loaders, ModrinthServersFetchError } from "@modrinth/utils";
+import type { Server } from "~/composables/pyroServers";
+import type { Loaders } from "~/types/servers";
 import type { BackupInProgressReason } from "~/pages/servers/manage/[id].vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";

 const { formatMessage } = useVIntl();

@@ -220,10 +214,9 @@ type VersionMap = Record<string, LoaderVersion[]>;
 type VersionCache = Record<string, any>;

 const props = defineProps<{
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
  currentLoader: Loaders | undefined;
  backupInProgress?: BackupInProgressReason;
-  initialSetup?: boolean;
 }>();

 const emit = defineEmits<{
@@ -320,7 +313,7 @@ const selectedLoaderVersions = computed<string[]>(() => {
  const loader = selectedLoader.value.toLowerCase();

  if (loader === "paper") {
-    return paperVersions.value[selectedMCVersion.value]?.map((x) => `${x}`) || [];
+    return paperVersions.value[selectedMCVersion.value].map((x) => `${x}`) || [];
  }

  if (loader === "purpur") {
@@ -458,11 +451,12 @@ const handleReinstall = async () => {

  try {
    await props.server.general?.reinstall(
+      props.server.serverId,
      true,
      selectedLoader.value,
      selectedMCVersion.value,
      selectedLoader.value === "Vanilla" ? "" : selectedLoaderVersion.value,
-      props.initialSetup ? true : hardReset.value,
+      hardReset.value,
    );

    emit("reinstall", {
@@ -473,7 +467,7 @@ const handleReinstall = async () => {

    hide();
  } catch (error) {
-    if (error instanceof ModrinthServersFetchError && (error as any)?.statusCode === 429) {
+    if (error instanceof PyroFetchError && error.statusCode === 429) {
      addNotification({
        group: "server",
        title: "Cannot reinstall server",
--- a/apps/frontend/src/components/ui/servers/SaveBanner.vue
+++ b/apps/frontend/src/components/ui/servers/SaveBanner.vue
@@ -31,7 +31,7 @@

 <script setup lang="ts">
 import { ButtonStyled } from "@modrinth/ui";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
+import type { Server } from "~/composables/pyroServers";

 const props = defineProps<{
  isUpdating: boolean;
@@ -39,7 +39,7 @@ const props = defineProps<{
  save: () => void;
  reset: () => void;
  isVisible: boolean;
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
 }>();

 const saveAndRestart = async () => {
--- a/apps/frontend/src/components/ui/servers/ServerInstallation.vue
+++ b/apps/frontend/src/components/ui/servers/ServerInstallation.vue
@@ -1,278 +0,0 @@
-<template>
-  <LazyUiServersPlatformVersionSelectModal
-    ref="versionSelectModal"
-    :server="props.server"
-    :current-loader="ignoreCurrentInstallation ? undefined : (data?.loader as Loaders)"
-    :backup-in-progress="backupInProgress"
-    :initial-setup="ignoreCurrentInstallation"
-    @reinstall="emit('reinstall', $event)"
-  />
-
-  <LazyUiServersPlatformMrpackModal
-    ref="mrpackModal"
-    :server="props.server"
-    @reinstall="emit('reinstall', $event)"
-  />
-
-  <LazyUiServersPlatformChangeModpackVersionModal
-    ref="modpackVersionModal"
-    :server="props.server"
-    :project="data?.project"
-    :versions="Array.isArray(versions) ? versions : []"
-    :current-version="currentVersion"
-    :current-version-id="data?.upstream?.version_id"
-    :server-status="data?.status"
-    @reinstall="emit('reinstall')"
-  />
-
-  <div class="flex h-full w-full flex-col">
-    <div v-if="data && versions" class="flex w-full flex-col">
-      <div class="card flex flex-col gap-4">
-        <div class="flex select-none flex-col items-center justify-between gap-2 lg:flex-row">
-          <div class="flex flex-row items-center gap-2">
-            <h2 class="m-0 text-lg font-bold text-contrast">Modpack</h2>
-            <div
-              v-if="updateAvailable"
-              class="rounded-full bg-bg-orange px-2 py-1 text-xs font-medium text-orange"
-            >
-              <span>Update available</span>
-            </div>
-          </div>
-          <div v-if="data.upstream" class="flex gap-4">
-            <ButtonStyled>
-              <button
-                class="!w-full sm:!w-auto"
-                :disabled="isInstalling"
-                @click="mrpackModal.show()"
-              >
-                <UploadIcon class="size-4" /> Import .mrpack
-              </button>
-            </ButtonStyled>
-            <!-- dumb hack to make a button link not a link -->
-            <ButtonStyled>
-              <template v-if="isInstalling">
-                <button :disabled="isInstalling">
-                  <TransferIcon class="size-4" />
-                  Switch modpack
-                </button>
-              </template>
-              <nuxt-link v-else :to="`/modpacks?sid=${props.server.serverId}`">
-                <TransferIcon class="size-4" />
-                Switch modpack
-              </nuxt-link>
-            </ButtonStyled>
-          </div>
-        </div>
-        <div v-if="data.upstream" class="flex flex-col gap-2">
-          <div
-            v-if="versionsError || currentVersionError"
-            class="rounded-2xl border border-solid border-red p-4 text-contrast"
-          >
-            <p class="m-0 font-bold">Something went wrong while loading your modpack.</p>
-            <p class="m-0 mb-2 mt-1 text-sm">
-              {{ versionsError || currentVersionError }}
-            </p>
-            <ButtonStyled>
-              <button :disabled="isInstalling" @click="refreshData">Retry</button>
-            </ButtonStyled>
-          </div>
-
-          <NewProjectCard
-            v-if="!versionsError && !currentVersionError"
-            class="!cursor-default !bg-bg !filter-none"
-            :project="projectCardData"
-            :categories="data.project?.categories || []"
-          >
-            <template #actions>
-              <ButtonStyled color="brand">
-                <button :disabled="isInstalling" @click="modpackVersionModal.show()">
-                  <SettingsIcon class="size-4" />
-                  Change version
-                </button>
-              </ButtonStyled>
-            </template>
-          </NewProjectCard>
-        </div>
-        <div v-else class="flex w-full flex-col items-center gap-2 sm:w-fit sm:flex-row">
-          <ButtonStyled>
-            <nuxt-link
-              v-tooltip="backupInProgress ? formatMessage(backupInProgress.tooltip) : undefined"
-              :class="{ disabled: backupInProgress }"
-              class="!w-full sm:!w-auto"
-              :to="`/modpacks?sid=${props.server.serverId}`"
-            >
-              <CompassIcon class="size-4" /> Find a modpack
-            </nuxt-link>
-          </ButtonStyled>
-          <span class="hidden sm:block">or</span>
-          <ButtonStyled>
-            <button
-              v-tooltip="backupInProgress ? formatMessage(backupInProgress.tooltip) : undefined"
-              :disabled="!!backupInProgress"
-              class="!w-full sm:!w-auto"
-              @click="mrpackModal.show()"
-            >
-              <UploadIcon class="size-4" /> Upload .mrpack file
-            </button>
-          </ButtonStyled>
-        </div>
-      </div>
-
-      <div class="card flex flex-col gap-4">
-        <div class="flex flex-col gap-2">
-          <h2 class="m-0 text-lg font-bold text-contrast">Platform</h2>
-          <p class="m-0">Your server's platform is the software that runs mods and plugins.</p>
-          <div v-if="data.upstream" class="mt-2 flex items-center gap-2">
-            <InfoIcon class="hidden sm:block" />
-            <span class="text-sm text-secondary">
-              The current platform was automatically selected based on your modpack.
-            </span>
-          </div>
-        </div>
-        <div
-          class="flex w-full flex-col gap-1 rounded-2xl"
-          :class="{
-            'pointer-events-none cursor-not-allowed select-none opacity-50':
-              props.server.general?.status === 'installing',
-          }"
-          :tabindex="props.server.general?.status === 'installing' ? -1 : 0"
-        >
-          <UiServersLoaderSelector
-            :data="
-              ignoreCurrentInstallation
-                ? {
-                    loader: null,
-                    loader_version: null,
-                  }
-                : data
-            "
-            :is-installing="isInstalling"
-            @select-loader="selectLoader"
-          />
-        </div>
-      </div>
-    </div>
-
-    <div v-else />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ButtonStyled, NewProjectCard } from "@modrinth/ui";
-import { TransferIcon, UploadIcon, InfoIcon, CompassIcon, SettingsIcon } from "@modrinth/assets";
-import type { Loaders } from "@modrinth/utils";
-import type { BackupInProgressReason } from "~/pages/servers/manage/[id].vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
-
-const { formatMessage } = useVIntl();
-
-const props = defineProps<{
-  server: ModrinthServer;
-  ignoreCurrentInstallation?: boolean;
-  backupInProgress?: BackupInProgressReason;
-}>();
-
-const emit = defineEmits<{
-  reinstall: [any?];
-}>();
-
-const isInstalling = computed(() => props.server.general?.status === "installing");
-
-const versionSelectModal = ref();
-const mrpackModal = ref();
-const modpackVersionModal = ref();
-
-const data = computed(() => props.server.general);
-
-const {
-  data: versions,
-  error: versionsError,
-  refresh: refreshVersions,
-} = await useAsyncData(
-  `content-loader-versions-${data.value?.upstream?.project_id}`,
-  async () => {
-    if (!data.value?.upstream?.project_id) return [];
-    try {
-      const result = await useBaseFetch(`project/${data.value.upstream.project_id}/version`);
-      return result || [];
-    } catch (e) {
-      console.error("couldnt fetch all versions:", e);
-      throw new Error("Failed to load modpack versions.");
-    }
-  },
-  { default: () => [] },
-);
-
-const {
-  data: currentVersion,
-  error: currentVersionError,
-  refresh: refreshCurrentVersion,
-} = await useAsyncData(
-  `content-loader-version-${data.value?.upstream?.version_id}`,
-  async () => {
-    if (!data.value?.upstream?.version_id) return null;
-    try {
-      const result = await useBaseFetch(`version/${data.value.upstream.version_id}`);
-      return result || null;
-    } catch (e) {
-      console.error("couldnt fetch version:", e);
-      throw new Error("Failed to load modpack version.");
-    }
-  },
-  { default: () => null },
-);
-
-const projectCardData = computed(() => ({
-  icon_url: data.value?.project?.icon_url,
-  title: data.value?.project?.title,
-  description: data.value?.project?.description,
-  downloads: data.value?.project?.downloads,
-  follows: data.value?.project?.followers,
-  // @ts-ignore
-  date_modified: currentVersion.value?.date_published || data.value?.project?.updated,
-}));
-
-const selectLoader = (loader: string) => {
-  versionSelectModal.value?.show(loader as Loaders);
-};
-
-const refreshData = async () => {
-  await Promise.all([refreshVersions(), refreshCurrentVersion()]);
-};
-
-const updateAvailable = computed(() => {
-  // so sorry
-  // @ts-ignore
-  if (!data.value?.upstream || !versions.value?.length || !currentVersion.value) {
-    return false;
-  }
-
-  // @ts-ignore
-  const latestVersion = versions.value[0];
-  // @ts-ignore
-  return latestVersion.id !== currentVersion.value.id;
-});
-
-watch(
-  () => props.server.general?.status,
-  async (newStatus, oldStatus) => {
-    if (oldStatus === "installing" && newStatus === "available") {
-      await Promise.all([
-        refreshVersions(),
-        refreshCurrentVersion(),
-        props.server.refresh(["general"]),
-      ]);
-    }
-  },
-);
-</script>
-
-<style scoped>
-.stylized-toggle:checked::after {
-  background: var(--color-accent-contrast) !important;
-}
-
-.button-base:active {
-  scale: none !important;
-}
-</style>
--- a/apps/frontend/src/components/ui/servers/ServerListing.vue
+++ b/apps/frontend/src/components/ui/servers/ServerListing.vue
@@ -43,14 +43,7 @@
        </div>
        <div v-else class="min-h-[20px]"></div>

-        <div
-          v-if="isConfiguring"
-          class="flex min-w-0 items-center gap-2 truncate text-sm font-semibold text-brand"
-        >
-          <SparklesIcon class="size-5 shrink-0" /> New server
-        </div>
        <UiServersServerInfoLabels
-          v-else
          :server-data="{ game, mc_version, loader, loader_version, net }"
          :show-game-label="showGameLabel"
          :show-loader-label="showLoaderLabel"
@@ -80,14 +73,13 @@
 </template>

 <script setup lang="ts">
-import { ChevronRightIcon, LockIcon, SparklesIcon } from "@modrinth/assets";
-import type { Project, Server } from "@modrinth/utils";
-import { useModrinthServers } from "~/composables/servers/modrinth-servers.ts";
+import { ChevronRightIcon, HammerIcon, LockIcon } from "@modrinth/assets";
+import type { Project, Server } from "~/types/servers";

 const props = defineProps<Partial<Server>>();

 if (props.server_id) {
-  await useModrinthServers(props.server_id, ["general"]);
+  await usePyroServer(props.server_id, ["general"]);
 }

 const showGameLabel = computed(() => !!props.game);
@@ -110,9 +102,8 @@ if (props.upstream) {
 const image = useState<string | undefined>(`server-icon-${props.server_id}`, () => undefined);

 if (import.meta.server && projectData.value?.icon_url) {
-  await useModrinthServers(props.server_id!, ["general"]);
+  await usePyroServer(props.server_id!, ["general"]);
 }

 const iconUrl = computed(() => projectData.value?.icon_url || undefined);
-const isConfiguring = computed(() => props.flows?.intro);
 </script>
--- a/apps/frontend/src/components/ui/servers/ServerSidebar.vue
+++ b/apps/frontend/src/components/ui/servers/ServerSidebar.vue
@@ -6,7 +6,7 @@
          <NuxtLink
            :to="link.href"
            class="flex items-center gap-2 rounded-xl p-2 hover:bg-button-bg"
-            :class="{ 'bg-button-bg text-contrast': isLinkActive(link) }"
+            :class="{ 'bg-button-bg text-contrast': route.path === link.href }"
          >
            <div class="flex items-center gap-2 font-bold">
              <component :is="link.icon" class="size-6" />
@@ -34,38 +34,18 @@
 <script setup lang="ts">
 import { RightArrowIcon } from "@modrinth/assets";
 import type { RouteLocationNormalized } from "vue-router";
+import type { Server } from "~/composables/pyroServers";
 import type { BackupInProgressReason } from "~/pages/servers/manage/[id].vue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";

 const emit = defineEmits(["reinstall"]);

-const props = defineProps<{
-  navLinks: {
-    label: string;
-    href: string;
-    icon: Component;
-    external?: boolean;
-    matches?: RegExp[];
-  }[];
+defineProps<{
+  navLinks: { label: string; href: string; icon: Component; external?: boolean }[];
  route: RouteLocationNormalized;
-  server: ModrinthServer;
+  server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
  backupInProgress?: BackupInProgressReason;
 }>();

-const isLinkActive = (link: (typeof props.navLinks)[0]) => {
-  if (props.route.path === link.href) {
-    return true;
-  }
-
-  if (link.matches && link.matches.length > 0) {
-    return link.matches.some((regex: RegExp) => {
-      return regex.test(props.route.path);
-    });
-  }
-
-  return false;
-};
-
 const onReinstall = (...args: any[]) => {
  emit("reinstall", ...args);
 };
--- a/apps/frontend/src/components/ui/servers/ServerStats.vue
+++ b/apps/frontend/src/components/ui/servers/ServerStats.vue
@@ -3,8 +3,6 @@
    data-pyro-server-stats
    style="font-variant-numeric: tabular-nums"
    class="flex select-none flex-col items-center gap-6 md:flex-row"
-    :class="{ 'pointer-events-none': loading }"
-    :aria-hidden="loading"
  >
    <div
      v-for="(metric, index) in metrics"
@@ -20,7 +18,7 @@
          <h3 class="flex items-center gap-2 text-base font-normal text-secondary">
            {{ metric.title }}
            <IssuesIcon
-              v-if="metric.warning && !loading"
+              v-if="metric.warning"
              v-tooltip="metric.warning"
              class="size-5"
              :style="{ color: 'var(--color-orange)' }"
@@ -30,76 +28,51 @@
        <div class="absolute -left-8 -top-4 h-28 w-56 rounded-full bg-bg-raised blur-lg" />
      </div>

-      <component
-        :is="metric.icon"
-        class="absolute right-10 top-10 z-10 size-8"
-        style="width: 2rem; height: 2rem"
-      />
-
-      <div class="chart-space absolute bottom-0 left-0 right-0">
-        <ClientOnly>
-          <VueApexCharts
-            v-if="metric.showGraph && !loading"
-            type="area"
-            height="142"
-            :options="getChartOptions(metric.warning, index)"
-            :series="[{ name: metric.title, data: metric.data }]"
-            class="chart"
-            :class="chartsReady.has(index) ? 'opacity-100' : 'opacity-0'"
-          />
-        </ClientOnly>
-      </div>
+      <component :is="metric.icon" class="absolute right-10 top-10 z-10" />
+      <ClientOnly>
+        <VueApexCharts
+          v-if="metric.showGraph"
+          type="area"
+          height="142"
+          :options="getChartOptions(metric.warning)"
+          :series="[{ name: metric.title, data: metric.data }]"
+          class="chart absolute bottom-0 left-0 right-0 w-full opacity-0"
+        />
+      </ClientOnly>
    </div>

-    <component
-      :is="loading ? 'div' : 'NuxtLink'"
-      :to="loading ? undefined : `/servers/manage/${serverId}/files`"
-      class="relative isolate min-h-[156px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8"
-      :class="loading ? '' : 'transition-transform duration-100 hover:scale-105 active:scale-100'"
+    <NuxtLink
+      :to="`/servers/manage/${serverId}/files`"
+      class="relative isolate min-h-[156px] w-full overflow-hidden rounded-2xl bg-bg-raised p-8 transition-transform duration-100 hover:scale-105 active:scale-100"
    >
      <div class="flex flex-row items-center gap-2">
        <h2 class="m-0 -ml-0.5 mt-1 text-3xl font-extrabold text-contrast">
-          {{ loading ? "0 B" : formatBytes(stats.storage_usage_bytes) }}
+          {{ formatBytes(stats.storage_usage_bytes) }}
        </h2>
      </div>
      <h3 class="text-base font-normal text-secondary">Storage usage</h3>
      <FolderOpenIcon class="absolute right-10 top-10 size-8" />
-    </component>
+    </NuxtLink>
  </div>
 </template>

 <script setup lang="ts">
 import { ref, computed, shallowRef } from "vue";
-import { FolderOpenIcon, CPUIcon, DatabaseIcon, IssuesIcon } from "@modrinth/assets";
+import { FolderOpenIcon, CPUIcon, DBIcon, IssuesIcon } from "@modrinth/assets";
 import { useStorage } from "@vueuse/core";
-import type { Stats } from "@modrinth/utils";
+import type { Stats } from "~/types/servers";

 const route = useNativeRoute();
 const serverId = route.params.id;
 const VueApexCharts = defineAsyncComponent(() => import("vue3-apexcharts"));

-const chartsReady = ref(new Set<number>());
-
 const userPreferences = useStorage(`pyro-server-${serverId}-preferences`, {
  ramAsNumber: false,
 });

-const props = withDefaults(defineProps<{ data?: Stats; loading?: boolean }>(), {
-  loading: false,
-});
+const props = defineProps<{ data: Stats }>();

-const stats = shallowRef(
-  props.data?.current || {
-    cpu_percent: 0,
-    ram_usage_bytes: 0,
-    ram_total_bytes: 1, // Avoid division by zero
-    storage_usage_bytes: 0,
-  },
-);
-
-const onChartReady = (index: number) => {
-  chartsReady.value.add(index);
-};
+const stats = shallowRef(props.data.current);

 const formatBytes = (bytes: number) => {
  const units = ["B", "KB", "MB", "GB"];
@@ -121,29 +94,6 @@ const updateGraphData = (arr: number[], newValue: number) => {
 };

 const metrics = computed(() => {
-  if (props.loading) {
-    return [
-      {
-        title: "CPU usage",
-        value: "0.00%",
-        max: "100%",
-        icon: CPUIcon,
-        data: cpuData.value,
-        showGraph: false,
-        warning: null,
-      },
-      {
-        title: "Memory usage",
-        value: "0.00%",
-        max: "100%",
-        icon: DatabaseIcon,
-        data: ramData.value,
-        showGraph: false,
-        warning: null,
-      },
-    ];
-  }
-
  const ramPercent = Math.min(
    (stats.value.ram_usage_bytes / stats.value.ram_total_bytes) * 100,
    100,
@@ -169,7 +119,7 @@ const metrics = computed(() => {
        ? formatBytes(stats.value.ram_usage_bytes)
        : `${ramPercent.toFixed(2)}%`,
      max: userPreferences.value.ramAsNumber ? formatBytes(stats.value.ram_total_bytes) : "100%",
-      icon: DatabaseIcon,
+      icon: DBIcon,
      data: ramData.value,
      showGraph: true,
      warning: ramPercent >= 90 ? "Memory usage is very high" : null,
@@ -177,7 +127,7 @@ const metrics = computed(() => {
  ];
 });

-const getChartOptions = (hasWarning: string | null, index: number) => ({
+const getChartOptions = (hasWarning: string | null) => ({
  chart: {
    type: "area",
    animations: { enabled: false },
@@ -189,10 +139,6 @@ const getChartOptions = (hasWarning: string | null, index: number) => ({
      top: 0,
      bottom: 0,
    },
-    events: {
-      mounted: () => onChartReady(index),
-      updated: () => onChartReady(index),
-    },
  },
  stroke: { curve: "smooth", width: 3 },
  fill: {
@@ -226,26 +172,24 @@ const getChartOptions = (hasWarning: string | null, index: number) => ({
 });

 watch(
-  () => props.data?.current,
+  () => props.data.current,
  (newStats) => {
-    if (newStats) {
-      stats.value = newStats;
-    }
+    stats.value = newStats;
  },
 );
 </script>

 <style scoped>
-.chart-space {
-  height: 142px;
-  width: calc(100% + 48px);
+.chart {
+  animation: fadeIn 0.2s ease-out 0.2s forwards;
  margin-left: -24px;
  margin-right: -24px;
+  width: calc(100% + 48px) !important;
 }

-.chart {
-  width: 100% !important;
-  height: 142px !important;
-  transition: opacity 0.3s ease-out;
+@keyframes fadeIn {
+  to {
+    opacity: 1;
+  }
 }
 </style>
--- a/apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue
+++ b/apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue
@@ -224,7 +224,7 @@

 <script setup lang="ts">
 import { LoaderIcon } from "@modrinth/assets";
-import type { Loaders } from "@modrinth/utils";
+import type { Loaders } from "~/types/servers";

 defineProps<{
  loader: Loaders;
--- a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ButtonStyled, ServersSpecs } from "@modrinth/ui";
+import { ButtonStyled } from "@modrinth/ui";
+import { RightArrowIcon, SparklesIcon, UnknownIcon } from "@modrinth/assets";
 import type { MessageDescriptor } from "@vintl/vintl";
-import { formatPrice } from "@modrinth/utils";

-const { formatMessage, locale } = useVIntl();
+const { formatMessage } = useVIntl();

 const emit = defineEmits<{
  (e: "select" | "scroll-to-faq"): void;
@@ -18,8 +18,8 @@ const plans: Record<
    accentText: string;
    accentBg: string;
    name: MessageDescriptor;
+    symbol: MessageDescriptor;
    description: MessageDescriptor;
-    mostPopular: boolean;
  }
 > = {
  small: {
@@ -30,11 +30,15 @@ const plans: Record<
      id: "servers.plan.small.name",
      defaultMessage: "Small",
    }),
+    symbol: defineMessage({
+      id: "servers.plan.small.symbol",
+      defaultMessage: "S",
+    }),
    description: defineMessage({
      id: "servers.plan.small.description",
-      defaultMessage: "Perfect for 1–5 friends with a few light mods.",
+      defaultMessage:
+        "Perfect for vanilla multiplayer, small friend groups, SMPs, and light modding.",
    }),
-    mostPopular: false,
  },
  medium: {
    buttonColor: "green",
@@ -44,11 +48,14 @@ const plans: Record<
      id: "servers.plan.medium.name",
      defaultMessage: "Medium",
    }),
+    symbol: defineMessage({
+      id: "servers.plan.medium.symbol",
+      defaultMessage: "M",
+    }),
    description: defineMessage({
      id: "servers.plan.medium.description",
-      defaultMessage: "Great for 6–15 players and multiple mods.",
+      defaultMessage: "Great for modded multiplayer and small communities.",
    }),
-    mostPopular: true,
  },
  large: {
    buttonColor: "purple",
@@ -58,11 +65,14 @@ const plans: Record<
      id: "servers.plan.large.name",
      defaultMessage: "Large",
    }),
+    symbol: defineMessage({
+      id: "servers.plan.large.symbol",
+      defaultMessage: "L",
+    }),
    description: defineMessage({
      id: "servers.plan.large.description",
-      defaultMessage: "Ideal for 15–25 players, modpacks, or heavy modding.",
+      defaultMessage: "Ideal for larger communities, modpacks, and heavy modding.",
    }),
-    mostPopular: false,
  },
 };

@@ -73,30 +83,42 @@ const props = defineProps<{
  storage: number;
  cpus: number;
  price: number;
-  interval: "monthly" | "quarterly" | "yearly";
-  currency: string;
-  isUsa: boolean;
 }>();

 const outOfStock = computed(() => {
  return !props.capacity || props.capacity === 0;
 });

-const billingMonths = computed(() => {
-  if (props.interval === "yearly") {
-    return 12;
-  } else if (props.interval === "quarterly") {
-    return 3;
-  }
-  return 1;
+const lowStock = computed(() => {
+  return !props.capacity || props.capacity < 8;
+});
+
+const formattedRam = computed(() => {
+  return props.ram / 1024;
+});
+
+const formattedStorage = computed(() => {
+  return props.storage / 1024;
+});
+
+const sharedCpus = computed(() => {
+  return props.cpus / 2;
 });
 </script>

 <template>
-  <li class="relative flex w-full flex-col justify-between">
+  <li class="relative flex w-full flex-col justify-between pt-12 lg:w-1/3">
+    <div
+      v-if="lowStock"
+      class="absolute left-0 right-0 top-[-2px] rounded-t-2xl p-4 text-center font-bold"
+      :class="outOfStock ? 'bg-bg-red' : 'bg-bg-orange'"
+    >
+      <template v-if="outOfStock"> Out of stock! </template>
+      <template v-else> Only {{ capacity }} left in stock! </template>
+    </div>
    <div
      :style="
-        plans[plan].mostPopular
+        plan === 'medium'
          ? {
              background: `radial-gradient(
                  86.12% 101.64% at 95.97% 94.07%,
@@ -109,41 +131,55 @@ const billingMonths = computed(() => {
          : undefined
      "
      class="flex w-full flex-col justify-between gap-4 rounded-2xl bg-bg p-8 text-left"
+      :class="{ '!rounded-t-none': lowStock }"
    >
-      <div class="flex flex-col gap-2">
-        <div class="flex flex-row flex-wrap items-center gap-3">
+      <div class="flex flex-col gap-4">
+        <div class="flex flex-row items-center justify-between">
          <h1 class="m-0">{{ formatMessage(plans[plan].name) }}</h1>
          <div
-            v-if="plans[plan].mostPopular"
-            class="rounded-full bg-brand-highlight px-2 py-1 text-xs font-bold text-brand"
+            class="grid size-8 place-content-center rounded-full text-xs font-bold"
+            :class="`${plans[plan].accentBg} ${plans[plan].accentText}`"
          >
-            Most popular
+            {{ formatMessage(plans[plan].symbol) }}
          </div>
        </div>
+        <p class="m-0">{{ formatMessage(plans[plan].description) }}</p>
+        <div
+          class="flex flex-row flex-wrap items-center gap-2 text-nowrap text-secondary xl:justify-between"
+        >
+          <p class="m-0">{{ formattedRam }} GB RAM</p>
+          <div class="size-1.5 rounded-full bg-secondary opacity-25"></div>
+          <p class="m-0">{{ formattedStorage }} GB SSD</p>
+          <div class="size-1.5 rounded-full bg-secondary opacity-25"></div>
+          <p class="m-0">{{ sharedCpus }} Shared CPUs</p>
+        </div>
+        <div class="flex items-center gap-2 text-secondary">
+          <SparklesIcon /> Bursts up to {{ cpus }} CPUs
+          <nuxt-link
+            v-tooltip="
+              `CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. Click for more info.`
+            "
+            to="/servers#cpu-burst"
+            @click="() => emit('scroll-to-faq')"
+          >
+            <UnknownIcon class="h-4 w-4 text-secondary opacity-80" />
+          </nuxt-link>
+        </div>
        <span class="m-0 text-2xl font-bold text-contrast">
-          {{ formatPrice(locale, price / billingMonths, currency, true) }}
-          {{ isUsa ? "" : currency }}
-          <span class="text-lg font-semibold text-secondary">
-            / month<template v-if="interval !== 'monthly'">, billed {{ interval }}</template>
-          </span>
+          ${{ price / 100 }}<span class="text-lg font-semibold text-secondary">/month</span>
        </span>
-        <p class="m-0 max-w-[18rem]">{{ formatMessage(plans[plan].description) }}</p>
      </div>
      <ButtonStyled
        :color="plans[plan].buttonColor"
-        :type="plans[plan].mostPopular ? 'standard' : 'highlight-colored-text'"
+        :type="plan === 'medium' ? 'standard' : 'highlight-colored-text'"
        size="large"
      >
        <span v-if="outOfStock" class="button-like disabled"> Out of Stock </span>
-        <button v-else @click="() => emit('select')">Select plan</button>
+        <button v-else @click="() => emit('select')">
+          Get Started
+          <RightArrowIcon class="shrink-0" />
+        </button>
      </ButtonStyled>
-      <ServersSpecs
-        :ram="ram"
-        :storage="storage"
-        :cpus="cpus"
-        :bursting-link="'/servers#cpu-burst'"
-        @click-bursting-link="() => emit('scroll-to-faq')"
-      />
    </div>
  </li>
 </template>
--- a/apps/frontend/src/components/ui/servers/notice/AssignNoticeModal.vue
+++ b/apps/frontend/src/components/ui/servers/notice/AssignNoticeModal.vue
@@ -3,7 +3,7 @@ import { Accordion, ButtonStyled, NewModal, ServerNotice, TagItem } from "@modri
 import { PlusIcon, XIcon } from "@modrinth/assets";
 import type { ServerNotice as ServerNoticeType } from "@modrinth/utils";
 import { ref } from "vue";
-import { useServersFetch } from "~/composables/servers/servers-fetch.ts";
+import { usePyroFetch } from "~/composables/pyroFetch.ts";

 const app = useNuxtApp() as unknown as { $notify: any };

@@ -23,7 +23,7 @@ const assignedNodes = computed(() => assigned.value.filter((n) => n.kind === "no
 const inputField = ref("");

 async function refresh() {
-  await useServersFetch("notices").then((res) => {
+  await usePyroFetch("notices").then((res) => {
    const notices = res as ServerNoticeType[];
    assigned.value = notices.find((n) => n.id === notice.value?.id)?.assigned ?? [];
  });
@@ -33,12 +33,9 @@ async function assign(server: boolean = true) {
  const input = inputField.value.trim();

  if (input !== "" && notice.value) {
-    await useServersFetch(
-      `notices/${notice.value.id}/assign?${server ? "server" : "node"}=${input}`,
-      {
-        method: "PUT",
-      },
-    ).catch((err) => {
+    await usePyroFetch(`notices/${notice.value.id}/assign?${server ? "server" : "node"}=${input}`, {
+      method: "PUT",
+    }).catch((err) => {
      app.$notify({
        group: "main",
        title: "Error assigning notice",
@@ -78,12 +75,9 @@ async function unassignDetect() {

 async function unassign(id: string, server: boolean = true) {
  if (notice.value) {
-    await useServersFetch(
-      `notices/${notice.value.id}/unassign?${server ? "server" : "node"}=${id}`,
-      {
-        method: "PUT",
-      },
-    ).catch((err) => {
+    await usePyroFetch(`notices/${notice.value.id}/unassign?${server ? "server" : "node"}=${id}`, {
+      method: "PUT",
+    }).catch((err) => {
      app.$notify({
        group: "main",
        title: "Error unassigning notice",
--- a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
+++ b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
@@ -2,8 +2,13 @@
 import dayjs from "dayjs";
 import { ButtonStyled, commonMessages, CopyCode, ServerNotice, TagItem } from "@modrinth/ui";
 import { EditIcon, SettingsIcon, TrashIcon } from "@modrinth/assets";
-import type { ServerNotice as ServerNoticeType } from "@modrinth/utils";
-import { useRelativeTime, getDismissableMetadata, NOTICE_LEVELS } from "@modrinth/ui";
+import { ServerNotice as ServerNoticeType } from "@modrinth/utils";
+import { useRelativeTime } from "@modrinth/ui";
+import {
+  DISMISSABLE,
+  getDismissableMetadata,
+  NOTICE_LEVELS,
+} from "@modrinth/ui/src/utils/notices.ts";
 import { useVIntl } from "@vintl/vintl";

 const { formatMessage } = useVIntl();
--- a/apps/frontend/src/components/ui/servers/scheduling/EditScheduledTaskModal.vue
+++ b/apps/frontend/src/components/ui/servers/scheduling/EditScheduledTaskModal.vue
@@ -1,531 +0,0 @@
-<template>
-  <NewModal
-    ref="modal"
-    :header="isNew ? 'New scheduled task' : 'Editing scheduled task'"
-    @hide="onModalHide"
-  >
-    <div class="modal-content flex flex-col gap-2">
-      <div v-if="error" class="text-sm text-brand-red">
-        {{ error }}
-      </div>
-
-      <div class="flex max-w-md flex-col gap-2">
-        <label for="title">
-          <span class="text-lg font-bold text-contrast">
-            Title <span class="text-brand-red">*</span>
-          </span>
-        </label>
-        <input
-          id="title"
-          v-model="task.title"
-          type="text"
-          maxlength="64"
-          placeholder="Enter task title..."
-          autocomplete="off"
-          class="input input-bordered"
-          required
-        />
-      </div>
-
-      <div class="flex flex-col gap-2">
-        <label><span class="text-lg font-bold text-contrast">Schedule Type</span></label>
-        <RadioButtons v-model="scheduleType" :items="['daily', 'custom']" class="mb-2">
-          <template #default="{ item }">
-            <span class="flex items-center gap-2">
-              <ClockIcon v-if="item === 'daily'" class="size-5" />
-              <CodeIcon v-else class="size-5" />
-              <span>{{
-                item === "daily" ? "Every X day(s) at specific time" : "Custom cron expression"
-              }}</span>
-            </span>
-          </template>
-        </RadioButtons>
-      </div>
-
-      <div class="card flex h-[140px] items-center overflow-hidden rounded-lg !bg-bg">
-        <Transition
-          name="schedule-content"
-          mode="out-in"
-          enter-active-class="transition-all duration-300 ease-in-out"
-          leave-active-class="transition-all duration-300 ease-in-out"
-          enter-from-class="opacity-0"
-          enter-to-class="opacity-100"
-          leave-from-class="opacity-100"
-          leave-to-class="opacity-0"
-        >
-          <div v-if="scheduleType === 'daily'" key="daily" class="flex w-full flex-col gap-2">
-            <div class="flex w-full gap-8">
-              <div class="flex flex-col gap-2">
-                <label for="dayInterval" class="text-md font-medium">Every X day(s)</label>
-                <div class="flex items-center gap-2">
-                  <input
-                    id="dayInterval"
-                    v-model="dayInterval"
-                    type="text"
-                    inputmode="numeric"
-                    maxlength="3"
-                    class="input input-bordered w-20"
-                    placeholder="1"
-                    @input="onDayIntervalInput"
-                  />
-                  <span class="text-muted-foreground text-sm">day(s)</span>
-                </div>
-              </div>
-              <div class="flex flex-col gap-2">
-                <label class="text-md font-medium">At time</label>
-                <TimePicker v-model="selectedTime" use-utc-values placeholder="Select time" />
-              </div>
-            </div>
-            <div class="text-xs">
-              {{ humanReadableDescription }}
-            </div>
-          </div>
-          <div v-else key="custom" class="flex w-full flex-col gap-2">
-            <label for="customCron" class="text-md font-medium"
-              >Cron Expression
-              <nuxt-link
-                v-tooltip="
-                  `Click to read more about what cron expressions are, and how to create them.`
-                "
-                class="align-middle text-link"
-                target="_blank"
-                to="https://www.geeksforgeeks.org/writing-cron-expressions-for-scheduling-tasks/"
-                ><UnknownIcon class="size-4" />
-              </nuxt-link>
-            </label>
-            <input
-              id="customCron"
-              v-model="customCron"
-              type="text"
-              class="input input-bordered font-mono"
-              placeholder="0 0 9 * * *"
-            />
-            <div v-if="!isValidCron" class="text-xs text-brand-red">
-              Invalid cron format. Please use 6 space-separated values (e.g.,
-              <code>second minute hour day month day-of-week</code>).
-            </div>
-            <div v-else class="text-xs">
-              {{ humanReadableDescription }}
-            </div>
-          </div>
-        </Transition>
-      </div>
-
-      <div class="flex max-w-md flex-col gap-2">
-        <label for="action_kind"><span class="text-lg font-bold text-contrast">Action</span></label>
-        <RadioButtons v-model="task.action_kind" :items="actionKinds" class="mb-2">
-          <template #default="{ item }">
-            <span>{{ item === "restart" ? "Restart server" : "Run game command" }}</span>
-          </template>
-        </RadioButtons>
-      </div>
-
-      <Transition
-        name="command-section"
-        enter-active-class="transition-all duration-300 ease-in-out"
-        leave-active-class="transition-all duration-300 ease-in-out"
-        enter-from-class="opacity-0 max-h-0 overflow-hidden"
-        enter-to-class="opacity-100 max-h-96 overflow-visible"
-        leave-from-class="opacity-100 max-h-96 overflow-visible"
-        leave-to-class="opacity-0 max-h-0 overflow-hidden"
-      >
-        <div v-if="task.action_kind === 'game-command'" class="flex max-w-lg flex-col gap-4">
-          <label for="command" class="flex flex-col gap-2"
-            ><span class="text-lg font-bold text-contrast">
-              Command <span class="text-brand-red">*</span>
-            </span>
-            <span
-              >The command that will be ran when the task is executed. If the command is invalid
-              nothing will happen.</span
-            ></label
-          >
-          <div class="max-w-md">
-            <input
-              id="command"
-              v-model="commandValue"
-              type="text"
-              maxlength="256"
-              placeholder="Enter command to run..."
-              class="input input-bordered"
-              required
-            />
-          </div>
-        </div>
-      </Transition>
-
-      <div class="flex max-w-lg flex-col gap-4">
-        <label for="warn_msg" class="flex flex-col gap-2"
-          ><span class="text-lg font-bold text-contrast">
-            Warning Command
-            <span
-              v-if="task.warn_intervals && task.warn_intervals.length > 0"
-              class="text-brand-red"
-              >*</span
-            >
-          </span>
-          <span
-            >You can use <code>{}</code> to insert the time until the task is executed. If the
-            command is invalid nothing will happen.</span
-          ></label
-        >
-        <div class="max-w-md">
-          <input
-            id="warn_msg"
-            v-model="task.warn_msg"
-            type="text"
-            maxlength="128"
-            :placeholder="`/tellraw @a \u0022Restarting in {}!\u0022`"
-            class="input input-bordered max-w-md"
-          />
-        </div>
-      </div>
-
-      <div class="flex max-w-lg flex-col gap-4">
-        <label for="warn_msg" class="flex flex-col gap-2"
-          ><span class="text-lg font-bold text-contrast">Warning Intervals</span>
-          <span
-            >When, at the time before the scheduled task is executed, should the warning command be
-            executed?</span
-          ></label
-        >
-        <div class="flex flex-row flex-wrap gap-4">
-          <Chips
-            v-model="task.warn_intervals"
-            :items="[5, 15, 30, 60, 120, 300, 600]"
-            multi
-            :never-empty="false"
-            :format-label="formatWarningIntervalLabel"
-          />
-        </div>
-      </div>
-
-      <div class="mt-2 flex max-w-md gap-2">
-        <ButtonStyled color="brand">
-          <button :disabled="!canSave" @click="saveTask">
-            <SaveIcon />
-            Save
-          </button>
-        </ButtonStyled>
-        <ButtonStyled>
-          <button :disabled="loading" @click="closeModal">
-            <XIcon />
-            Cancel
-          </button>
-        </ButtonStyled>
-      </div>
-    </div>
-  </NewModal>
-</template>
-
-<script setup lang="ts">
-import type { Schedule, ServerSchedule, ActionKind } from "@modrinth/utils";
-import { ref, computed, watch } from "vue";
-import { RadioButtons, TimePicker, Chips, ButtonStyled, NewModal } from "@modrinth/ui";
-import { ClockIcon, CodeIcon, SaveIcon, XIcon, UnknownIcon } from "@modrinth/assets";
-import { toString as cronToString } from "cronstrue";
-import { ModrinthServer } from "~/composables/servers/modrinth-servers.ts";
-
-const props = defineProps<{ server: ModrinthServer }>();
-
-const modal = ref<InstanceType<typeof NewModal>>();
-const loading = ref(false);
-const error = ref<string | null>(null);
-const task = ref<Partial<ServerSchedule | Schedule>>({});
-const isNew = ref(true);
-const originalTaskId = ref<number | null>(null);
-
-const scheduleType = ref<"daily" | "custom">("daily");
-const dayInterval = ref("1");
-const selectedTime = ref({ hour: "9", minute: "0" });
-const customCron = ref("0 0 9 * * *");
-const actionKinds: ActionKind[] = ["restart", "game-command"];
-
-const commandValue = computed({
-  get() {
-    return task.value.options && "command" in task.value.options ? task.value.options.command : "";
-  },
-  set(val: string) {
-    if (task.value.options && "command" in task.value.options) {
-      task.value.options.command = val;
-    } else if (task.value.action_kind === "game-command") {
-      task.value.options = { command: val };
-    }
-  },
-});
-
-const cronString = computed(() => {
-  if (scheduleType.value === "custom") {
-    return customCron.value.trim();
-  }
-  const minute = selectedTime.value.minute === "" ? "0" : selectedTime.value.minute;
-  const hour = selectedTime.value.hour === "" ? "0" : selectedTime.value.hour;
-  const days = dayInterval.value === "" || Number(dayInterval.value) < 1 ? "1" : dayInterval.value;
-  if (days === "1") {
-    return `0 ${minute} ${hour} * * *`;
-  } else {
-    return `0 ${minute} ${hour} */${days} * *`;
-  }
-});
-
-const CRON_REGEX =
-  /^\s*([0-9*/,-]+)\s+([0-9*/,-]+)\s+([0-9*/,-]+)\s+([0-9*/,-]+)\s+([0-9*/,-]+)\s+([0-9*/,-]+)\s*$/;
-
-const isValidCron = computed(() => {
-  const cronToTest = scheduleType.value === "custom" ? customCron.value.trim() : cronString.value;
-
-  if (!CRON_REGEX.test(cronToTest)) {
-    return false;
-  }
-
-  if (scheduleType.value === "custom") {
-    try {
-      const parts = cronToTest.split(/\s+/);
-      if (parts.length === 6) {
-        cronToString(parts.slice(1).join(" "));
-      }
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  return true;
-});
-
-const isValidGameCommand = computed(() => {
-  if (task.value.action_kind === "game-command") {
-    return commandValue.value && commandValue.value.trim().length > 0;
-  }
-  return true;
-});
-
-const isValidWarningCommand = computed(() => {
-  if (task.value.warn_intervals && task.value.warn_intervals.length > 0) {
-    return task.value.warn_msg && task.value.warn_msg.trim().length > 0;
-  }
-  return true;
-});
-
-const canSave = computed(() => {
-  return (
-    !loading.value &&
-    task.value.title &&
-    task.value.title.trim().length > 0 &&
-    isValidCron.value &&
-    isValidGameCommand.value &&
-    isValidWarningCommand.value
-  );
-});
-
-const humanReadableDescription = computed<string | undefined>(() => {
-  if (!isValidCron.value && scheduleType.value === "custom") return undefined;
-  if (scheduleType.value === "custom") {
-    try {
-      const parts = customCron.value.trim().split(/\s+/);
-      if (parts.length === 6) {
-        return cronToString(parts.slice(1).join(" "));
-      }
-      return "Invalid cron expression";
-    } catch {
-      return "Invalid cron expression";
-    }
-  }
-  const minute = selectedTime.value.minute === "" ? "0" : selectedTime.value.minute;
-  const hour = selectedTime.value.hour === "" ? "0" : selectedTime.value.hour;
-  const daysNum = Number(dayInterval.value || "1");
-  const timeStr = `${hour.padStart(2, "0")}:${minute.padStart(2, "0")}`;
-  if (daysNum <= 1) {
-    return `Every day at ${timeStr}`;
-  } else {
-    return `Every ${daysNum} days at ${timeStr}`;
-  }
-});
-
-function formatWarningIntervalLabel(seconds: number): string {
-  if (seconds < 60) {
-    return `${seconds}s`;
-  } else {
-    const minutes = Math.floor(seconds / 60);
-    return `${minutes}m`;
-  }
-}
-
-function onDayIntervalInput(event: Event) {
-  const input = event.target as HTMLInputElement;
-  let value = input.value.replace(/\D/g, "");
-
-  if (value === "") {
-    dayInterval.value = "";
-    return;
-  }
-
-  if (value.length > 1 && value.startsWith("0")) {
-    value = value.replace(/^0+/, "");
-  }
-
-  const num = parseInt(value);
-
-  if (num < 1) {
-    dayInterval.value = "1";
-  } else if (num > 365) {
-    dayInterval.value = "365";
-  } else {
-    dayInterval.value = String(num);
-  }
-}
-
-function resetForm() {
-  task.value = {
-    title: "",
-    action_kind: "restart",
-    options: {},
-    enabled: true,
-    warn_msg: '/tellraw @a "Restarting in {}!"',
-    warn_intervals: [],
-  };
-  scheduleType.value = "daily";
-  dayInterval.value = "1";
-  selectedTime.value = { hour: "9", minute: "0" };
-  customCron.value = "0 0 9 * * *";
-  isNew.value = true;
-  originalTaskId.value = null;
-  error.value = null;
-  if (isValidCron.value) {
-    task.value.every = cronString.value;
-  }
-}
-
-function loadTaskData(taskData: ServerSchedule | Schedule) {
-  task.value = { ...taskData };
-  isNew.value = false;
-  originalTaskId.value = "id" in taskData ? taskData.id : null;
-
-  if (task.value.every && typeof task.value.every === "string") {
-    const parts = task.value.every.split(/\s+/);
-    if (parts.length === 6) {
-      const second = parts[0];
-      const minute = parts[1];
-      const hour = parts[2];
-      const dayOfMonth = parts[3];
-
-      if (second === "0" && dayOfMonth.startsWith("*/")) {
-        scheduleType.value = "daily";
-        dayInterval.value = dayOfMonth.substring(2);
-        selectedTime.value = { hour, minute };
-      } else if (second === "0" && dayOfMonth === "*" && parts[4] === "*" && parts[5] === "*") {
-        scheduleType.value = "daily";
-        dayInterval.value = "1";
-        selectedTime.value = { hour, minute };
-      } else {
-        scheduleType.value = "custom";
-        customCron.value = task.value.every;
-      }
-    } else if (parts.length === 5) {
-      const minute = parts[0];
-      const hour = parts[1];
-      const dayOfMonth = parts[2];
-
-      if (dayOfMonth.startsWith("*/")) {
-        scheduleType.value = "daily";
-        dayInterval.value = dayOfMonth.substring(2);
-        selectedTime.value = { hour, minute };
-      } else if (dayOfMonth === "*" && parts[3] === "*" && parts[4] === "*") {
-        scheduleType.value = "daily";
-        dayInterval.value = "1";
-        selectedTime.value = { hour, minute };
-      } else {
-        scheduleType.value = "custom";
-        customCron.value = `0 ${task.value.every}`;
-      }
-    } else {
-      scheduleType.value = "custom";
-      customCron.value = task.value.every;
-    }
-  }
-}
-
-function show(taskData?: ServerSchedule | Schedule) {
-  if (taskData) {
-    loadTaskData(taskData);
-  } else {
-    resetForm();
-  }
-  modal.value?.show();
-}
-
-function closeModal() {
-  modal.value?.hide();
-}
-
-function onModalHide() {
-  // Reset form when modal is hidden
-  resetForm();
-}
-
-async function saveTask() {
-  loading.value = true;
-  error.value = null;
-
-  if (isValidCron.value) {
-    task.value.every = cronString.value;
-  } else {
-    error.value = "Cannot save with invalid cron expression.";
-    loading.value = false;
-    return;
-  }
-
-  try {
-    if (isNew.value) {
-      const scheduleToCreate: Schedule = {
-        title: task.value.title || "",
-        every: task.value.every!,
-        action_kind: task.value.action_kind!,
-        options: task.value.options!,
-        enabled: task.value.enabled !== undefined ? task.value.enabled : true,
-        warn_msg: task.value.warn_msg !== undefined ? task.value.warn_msg : "",
-        warn_intervals: task.value.warn_intervals || [],
-      };
-      await props.server.scheduling.createTask(scheduleToCreate);
-      closeModal();
-    } else if (originalTaskId.value != null) {
-      await props.server.scheduling.editTask(originalTaskId.value, task.value);
-      closeModal();
-    }
-  } catch (e) {
-    error.value = (e as Error).message || "Failed to save task.";
-  } finally {
-    loading.value = false;
-  }
-}
-
-watch([cronString, isValidCron], ([cron, valid]) => {
-  if (valid) {
-    task.value.every = cron;
-  }
-});
-
-watch(
-  () => task.value.action_kind,
-  (kind) => {
-    if (kind === "game-command") {
-      if (
-        !task.value.options ||
-        typeof task.value.options !== "object" ||
-        !("command" in task.value.options)
-      ) {
-        task.value.options = { command: "" };
-      }
-    } else {
-      task.value.options = {};
-    }
-  },
-  { immediate: true },
-);
-
-defineExpose({
-  show,
-  hide: closeModal,
-});
-</script>
-
-<style scoped></style>
--- a/apps/frontend/src/components/ui/thread/ConversationThread.vue
+++ b/apps/frontend/src/components/ui/thread/ConversationThread.vue
@@ -214,7 +214,7 @@
 </template>

 <script setup>
-import { CopyCode, OverflowMenu, MarkdownEditor } from "@modrinth/ui";
+import { OverflowMenu, MarkdownEditor } from "@modrinth/ui";
 import {
  DropdownIcon,
  ReplyIcon,
@@ -226,6 +226,7 @@ import {
  ScaleIcon,
 } from "@modrinth/assets";
 import { useImageUpload } from "~/composables/image-upload.ts";
+import CopyCode from "~/components/ui/CopyCode.vue";
 import ThreadMessage from "~/components/ui/thread/ThreadMessage.vue";
 import { isStaff } from "~/helpers/users.js";
 import { isApproved, isRejected } from "~/helpers/projects.js";
--- a/apps/frontend/src/components/ui/thread/ThreadMessage.vue
+++ b/apps/frontend/src/components/ui/thread/ThreadMessage.vue
@@ -103,8 +103,10 @@ import {
  ModrinthIcon,
  ScaleIcon,
 } from "@modrinth/assets";
-import { AutoLink, Avatar, Badge, OverflowMenu, useRelativeTime } from "@modrinth/ui";
+import { AutoLink, OverflowMenu, useRelativeTime } from "@modrinth/ui";
 import { renderString } from "@modrinth/utils";
+import Avatar from "~/components/ui/Avatar.vue";
+import Badge from "~/components/ui/Badge.vue";
 import { isStaff } from "~/helpers/users.js";

 const props = defineProps({
--- a/apps/frontend/src/composables/country.ts
+++ b/apps/frontend/src/composables/country.ts
@@ -24,7 +24,6 @@ export const useUserCountry = () => {
  if (import.meta.client) {
    onMounted(() => {
      if (fromServer.value) return;
-      // @ts-expect-error - ignore TS not knowing about navigator.userLanguage
      const lang = navigator.language || navigator.userLanguage || "";
      const region = lang.split("-")[1];
      if (region) {
--- a/apps/frontend/src/composables/image-upload.ts
+++ b/apps/frontend/src/composables/image-upload.ts
@@ -19,7 +19,7 @@ export const useImageUpload = async (file: File, ctx: ImageUploadContext) => {

  // Make sure file is less than 1MB
  if (file.size > 1024 * 1024) {
-    throw new Error("File exceeds the 1MiB size limit");
+    throw new Error("File is too large");
  }

  const qs = new URLSearchParams();
--- a/apps/frontend/src/composables/pyroFetch.ts
+++ b/apps/frontend/src/composables/pyroFetch.ts
@@ -0,0 +1,110 @@
+import { $fetch, FetchError } from "ofetch";
+
+interface PyroFetchOptions {
+  method?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+  contentType?: string;
+  body?: Record<string, any>;
+  version?: number;
+  override?: {
+    url?: string;
+    token?: string;
+  };
+  retry?: boolean;
+  bypassAuth?: boolean;
+}
+
+export class PyroFetchError extends Error {
+  constructor(
+    message: string,
+    public statusCode?: number,
+    public originalError?: Error,
+  ) {
+    super(message);
+    this.name = "PyroFetchError";
+  }
+}
+
+export async function usePyroFetch<T>(path: string, options: PyroFetchOptions = {}): Promise<T> {
+  const config = useRuntimeConfig();
+  const auth = await useAuth();
+  const authToken = auth.value?.token;
+
+  if (!authToken && !options.bypassAuth) {
+    throw new PyroFetchError("Cannot pyrofetch without auth", 10000);
+  }
+
+  const { method = "GET", contentType = "application/json", body, version = 0, override } = options;
+
+  const base = (import.meta.server ? config.pyroBaseUrl : config.public.pyroBaseUrl)?.replace(
+    /\/$/,
+    "",
+  );
+
+  if (!base) {
+    throw new PyroFetchError(
+      "Cannot pyrofetch without base url. Make sure to set a PYRO_BASE_URL in environment variables",
+      10001,
+    );
+  }
+
+  const fullUrl = override?.url
+    ? `https://${override.url}/${path.replace(/^\//, "")}`
+    : `${base}/modrinth/v${version}/${path.replace(/^\//, "")}`;
+
+  type HeadersRecord = Record<string, string>;
+
+  const authHeader: HeadersRecord = options.bypassAuth
+    ? {}
+    : {
+        Authorization: `Bearer ${override?.token ?? authToken}`,
+        "Access-Control-Allow-Headers": "Authorization",
+      };
+
+  const headers: HeadersRecord = {
+    ...authHeader,
+    "User-Agent": "Pyro/1.0 (https://pyro.host)",
+    Vary: "Accept, Origin",
+    "Content-Type": contentType,
+  };
+
+  if (import.meta.client && typeof window !== "undefined") {
+    headers.Origin = window.location.origin;
+  }
+
+  try {
+    const response = await $fetch<T>(fullUrl, {
+      method,
+      headers,
+      body: body && contentType === "application/json" ? JSON.stringify(body) : body ?? undefined,
+      timeout: 10000,
+      retry: options.retry !== false ? (method === "GET" ? 3 : 0) : 0,
+    });
+    return response;
+  } catch (error) {
+    console.error("Fetch error:", error);
+    if (error instanceof FetchError) {
+      const statusCode = error.response?.status;
+      const statusText = error.response?.statusText || "Unknown error";
+      const errorMessages: { [key: number]: string } = {
+        400: "Bad Request",
+        401: "Unauthorized",
+        403: "Forbidden",
+        404: "Not Found",
+        405: "Method Not Allowed",
+        429: "Too Many Requests",
+        500: "Internal Server Error",
+        502: "Bad Gateway",
+      };
+      const message =
+        statusCode && statusCode in errorMessages
+          ? errorMessages[statusCode]
+          : `HTTP Error: ${statusCode || "unknown"} ${statusText}`;
+      throw new PyroFetchError(`[PYROFETCH][PYRO] ${message}`, statusCode, error);
+    }
+    throw new PyroFetchError(
+      "[PYROFETCH][PYRO] An unexpected error occurred during the fetch operation.",
+      undefined,
+      error as Error,
+    );
+  }
+}
--- a/apps/frontend/src/composables/pyroServers.ts
+++ b/apps/frontend/src/composables/pyroServers.ts
--- a/apps/frontend/src/composables/servers/modrinth-servers.ts
+++ b/apps/frontend/src/composables/servers/modrinth-servers.ts
@@ -1,296 +0,0 @@
-import { ModrinthServerError } from "@modrinth/utils";
-import type { JWTAuth, ModuleError, ModuleName } from "@modrinth/utils";
-import { useServersFetch } from "./servers-fetch.ts";
-
-import {
-  GeneralModule,
-  ContentModule,
-  BackupsModule,
-  NetworkModule,
-  StartupModule,
-  WSModule,
-  FSModule,
-} from "./modules/index.ts";
-import { SchedulingModule } from "./modules/scheduling.ts";
-
-export function handleError(err: any) {
-  if (err instanceof ModrinthServerError && err.v1Error) {
-    addNotification({
-      title: err.v1Error?.context ?? `An error occurred`,
-      type: "error",
-      text: err.v1Error.description,
-      errorCode: err.v1Error.error,
-    });
-  } else {
-    addNotification({
-      title: "An error occurred",
-      type: "error",
-      text: err.message ?? (err.data ? err.data.description : err),
-    });
-  }
-}
-
-export class ModrinthServer {
-  readonly serverId: string;
-  private errors: Partial<Record<ModuleName, ModuleError>> = {};
-
-  readonly general: GeneralModule;
-  readonly content: ContentModule;
-  readonly backups: BackupsModule;
-  readonly network: NetworkModule;
-  readonly startup: StartupModule;
-  readonly ws: WSModule;
-  readonly fs: FSModule;
-  readonly scheduling: SchedulingModule;
-
-  constructor(serverId: string) {
-    this.serverId = serverId;
-
-    this.general = new GeneralModule(this);
-    this.content = new ContentModule(this);
-    this.backups = new BackupsModule(this);
-    this.network = new NetworkModule(this);
-    this.startup = new StartupModule(this);
-    this.ws = new WSModule(this);
-    this.fs = new FSModule(this);
-    this.scheduling = new SchedulingModule(this);
-  }
-
-  async createMissingFolders(path: string): Promise<void> {
-    if (path.startsWith("/")) {
-      path = path.substring(1);
-    }
-    const folders = path.split("/");
-    let currentPath = "";
-
-    for (const folder of folders) {
-      currentPath += "/" + folder;
-      try {
-        await this.fs.createFileOrFolder(currentPath, "directory");
-      } catch {
-        // Folder might already exist, ignore error
-      }
-    }
-  }
-
-  async fetchConfigFile(fileName: string): Promise<any> {
-    return await useServersFetch(`servers/${this.serverId}/config/${fileName}`);
-  }
-
-  constructServerProperties(properties: any): string {
-    let fileContent = `#Minecraft server properties\n#${new Date().toUTCString()}\n`;
-
-    for (const [key, value] of Object.entries(properties)) {
-      if (typeof value === "object") {
-        fileContent += `${key}=${JSON.stringify(value)}\n`;
-      } else if (typeof value === "boolean") {
-        fileContent += `${key}=${value ? "true" : "false"}\n`;
-      } else {
-        fileContent += `${key}=${value}\n`;
-      }
-    }
-
-    return fileContent;
-  }
-
-  async processImage(iconUrl: string | undefined): Promise<string | undefined> {
-    const sharedImage = useState<string | undefined>(`server-icon-${this.serverId}`);
-
-    if (sharedImage.value) {
-      return sharedImage.value;
-    }
-
-    try {
-      const auth = await useServersFetch<JWTAuth>(`servers/${this.serverId}/fs`);
-      try {
-        const fileData = await useServersFetch(`/download?path=/server-icon-original.png`, {
-          override: auth,
-          retry: false,
-        });
-
-        if (fileData instanceof Blob && import.meta.client) {
-          const dataURL = await new Promise<string>((resolve) => {
-            const canvas = document.createElement("canvas");
-            const ctx = canvas.getContext("2d");
-            const img = new Image();
-            img.onload = () => {
-              canvas.width = 512;
-              canvas.height = 512;
-              ctx?.drawImage(img, 0, 0, 512, 512);
-              const dataURL = canvas.toDataURL("image/png");
-              sharedImage.value = dataURL;
-              resolve(dataURL);
-              URL.revokeObjectURL(img.src);
-            };
-            img.src = URL.createObjectURL(fileData);
-          });
-          return dataURL;
-        }
-      } catch (error) {
-        if (error instanceof ModrinthServerError && error.statusCode === 404) {
-          if (iconUrl) {
-            try {
-              const response = await fetch(iconUrl);
-              if (!response.ok) throw new Error("Failed to fetch icon");
-              const file = await response.blob();
-              const originalFile = new File([file], "server-icon-original.png", {
-                type: "image/png",
-              });
-
-              if (import.meta.client) {
-                const dataURL = await new Promise<string>((resolve) => {
-                  const canvas = document.createElement("canvas");
-                  const ctx = canvas.getContext("2d");
-                  const img = new Image();
-                  img.onload = () => {
-                    canvas.width = 64;
-                    canvas.height = 64;
-                    ctx?.drawImage(img, 0, 0, 64, 64);
-                    canvas.toBlob(async (blob) => {
-                      if (blob) {
-                        const scaledFile = new File([blob], "server-icon.png", {
-                          type: "image/png",
-                        });
-                        await useServersFetch(`/create?path=/server-icon.png&type=file`, {
-                          method: "POST",
-                          contentType: "application/octet-stream",
-                          body: scaledFile,
-                          override: auth,
-                        });
-                        await useServersFetch(`/create?path=/server-icon-original.png&type=file`, {
-                          method: "POST",
-                          contentType: "application/octet-stream",
-                          body: originalFile,
-                          override: auth,
-                        });
-                      }
-                    }, "image/png");
-                    const dataURL = canvas.toDataURL("image/png");
-                    sharedImage.value = dataURL;
-                    resolve(dataURL);
-                    URL.revokeObjectURL(img.src);
-                  };
-                  img.src = URL.createObjectURL(file);
-                });
-                return dataURL;
-              }
-            } catch (externalError: any) {
-              console.debug("Could not process external icon:", externalError.message);
-            }
-          }
-        } else {
-          throw error;
-        }
-      }
-    } catch (error: any) {
-      console.debug("Icon processing failed:", error.message);
-    }
-
-    sharedImage.value = undefined;
-    return undefined;
-  }
-
-  async refresh(
-    modules: ModuleName[] = [],
-    options?: {
-      preserveConnection?: boolean;
-      preserveInstallState?: boolean;
-    },
-  ): Promise<void> {
-    const modulesToRefresh =
-      modules.length > 0
-        ? modules
-        : ([
-            "general",
-            "content",
-            "backups",
-            "network",
-            "startup",
-            "ws",
-            "fs",
-            "scheduling",
-          ] as ModuleName[]);
-
-    for (const module of modulesToRefresh) {
-      try {
-        switch (module) {
-          case "general": {
-            if (options?.preserveConnection) {
-              const currentImage = this.general.image;
-              const currentMotd = this.general.motd;
-              const currentStatus = this.general.status;
-
-              await this.general.fetch();
-
-              if (currentImage) {
-                this.general.image = currentImage;
-              }
-              if (currentMotd) {
-                this.general.motd = currentMotd;
-              }
-              if (options.preserveInstallState && currentStatus === "installing") {
-                this.general.status = "installing";
-              }
-            } else {
-              await this.general.fetch();
-            }
-            break;
-          }
-          case "content":
-            await this.content.fetch();
-            break;
-          case "backups":
-            await this.backups.fetch();
-            break;
-          case "network":
-            await this.network.fetch();
-            break;
-          case "startup":
-            await this.startup.fetch();
-            break;
-          case "ws":
-            await this.ws.fetch();
-            break;
-          case "fs":
-            await this.fs.fetch();
-            break;
-          case "scheduling":
-            await this.scheduling.fetch();
-        }
-      } catch (error) {
-        if (error instanceof ModrinthServerError) {
-          if (error.statusCode === 404 && ["fs", "content"].includes(module)) {
-            console.debug(`Optional ${module} resource not found:`, error.message);
-            continue;
-          }
-
-          if (error.statusCode === 503) {
-            console.debug(`Temporary ${module} unavailable:`, error.message);
-            continue;
-          }
-        }
-
-        this.errors[module] = {
-          error:
-            error instanceof ModrinthServerError
-              ? error
-              : new ModrinthServerError("Unknown error", undefined, error as Error),
-          timestamp: Date.now(),
-        };
-      }
-    }
-  }
-
-  get moduleErrors() {
-    return this.errors;
-  }
-}
-
-export const useModrinthServers = async (
-  serverId: string,
-  includedModules: ModuleName[] = ["general"],
-) => {
-  const server = new ModrinthServer(serverId);
-  await server.refresh(includedModules);
-  return reactive(server);
-};
--- a/apps/frontend/src/composables/servers/modules/backups.ts
+++ b/apps/frontend/src/composables/servers/modules/backups.ts
@@ -1,79 +0,0 @@
-import type { Backup, AutoBackupSettings } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class BackupsModule extends ServerModule {
-  data: Backup[] = [];
-
-  async fetch(): Promise<void> {
-    this.data = await useServersFetch<Backup[]>(`servers/${this.serverId}/backups`, {}, "backups");
-  }
-
-  async create(backupName: string): Promise<string> {
-    const response = await useServersFetch<{ id: string }>(`servers/${this.serverId}/backups`, {
-      method: "POST",
-      body: { name: backupName },
-    });
-    await this.fetch(); // Refresh this module
-    return response.id;
-  }
-
-  async rename(backupId: string, newName: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/rename`, {
-      method: "POST",
-      body: { name: newName },
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async delete(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}`, {
-      method: "DELETE",
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async restore(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/restore`, {
-      method: "POST",
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async prepare(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/prepare-download`, {
-      method: "POST",
-    });
-  }
-
-  async lock(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/lock`, {
-      method: "POST",
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async unlock(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/unlock`, {
-      method: "POST",
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async retry(backupId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/backups/${backupId}/retry`, {
-      method: "POST",
-    });
-  }
-
-  async updateAutoBackup(autoBackup: "enable" | "disable", interval: number): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/autobackup`, {
-      method: "POST",
-      body: { set: autoBackup, interval },
-    });
-  }
-
-  async getAutoBackup(): Promise<AutoBackupSettings> {
-    return await useServersFetch(`servers/${this.serverId}/autobackup`);
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/base.ts
+++ b/apps/frontend/src/composables/servers/modules/base.ts
@@ -1,15 +0,0 @@
-import type { ModrinthServer } from "../modrinth-servers.ts";
-
-export abstract class ServerModule {
-  protected server: ModrinthServer;
-
-  constructor(server: ModrinthServer) {
-    this.server = server;
-  }
-
-  protected get serverId(): string {
-    return this.server.serverId;
-  }
-
-  abstract fetch(): Promise<void>;
-}
--- a/apps/frontend/src/composables/servers/modules/content.ts
+++ b/apps/frontend/src/composables/servers/modules/content.ts
@@ -1,36 +0,0 @@
-import type { Mod, ContentType } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class ContentModule extends ServerModule {
-  data: Mod[] = [];
-
-  async fetch(): Promise<void> {
-    const mods = await useServersFetch<Mod[]>(`servers/${this.serverId}/mods`, {}, "content");
-    this.data = mods.sort((a, b) => (a?.name ?? "").localeCompare(b?.name ?? ""));
-  }
-
-  async install(contentType: ContentType, projectId: string, versionId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/mods`, {
-      method: "POST",
-      body: {
-        rinth_ids: { project_id: projectId, version_id: versionId },
-        install_as: contentType,
-      },
-    });
-  }
-
-  async remove(path: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/deleteMod`, {
-      method: "POST",
-      body: { path },
-    });
-  }
-
-  async reinstall(replace: string, projectId: string, versionId: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/mods/update`, {
-      method: "POST",
-      body: { replace, project_id: projectId, version_id: versionId },
-    });
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/fs.ts
+++ b/apps/frontend/src/composables/servers/modules/fs.ts
@@ -1,224 +0,0 @@
-import type {
-  FileUploadQuery,
-  JWTAuth,
-  DirectoryResponse,
-  FilesystemOp,
-  FSQueuedOp,
-} from "@modrinth/utils";
-import { ModrinthServerError } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class FSModule extends ServerModule {
-  auth!: JWTAuth;
-  ops: FilesystemOp[] = [];
-  queuedOps: FSQueuedOp[] = [];
-  opsQueuedForModification: string[] = [];
-
-  async fetch(): Promise<void> {
-    this.auth = await useServersFetch<JWTAuth>(`servers/${this.serverId}/fs`, {}, "fs");
-    this.ops = [];
-    this.queuedOps = [];
-    this.opsQueuedForModification = [];
-  }
-
-  private async retryWithAuth<T>(requestFn: () => Promise<T>): Promise<T> {
-    try {
-      return await requestFn();
-    } catch (error) {
-      if (error instanceof ModrinthServerError && error.statusCode === 401) {
-        await this.fetch(); // Refresh auth
-        return await requestFn();
-      }
-      throw error;
-    }
-  }
-
-  listDirContents(path: string, page: number, pageSize: number): Promise<DirectoryResponse> {
-    return this.retryWithAuth(async () => {
-      const encodedPath = encodeURIComponent(path);
-      return await useServersFetch(`/list?path=${encodedPath}&page=${page}&page_size=${pageSize}`, {
-        override: this.auth,
-        retry: false,
-      });
-    });
-  }
-
-  createFileOrFolder(path: string, type: "file" | "directory"): Promise<void> {
-    return this.retryWithAuth(async () => {
-      const encodedPath = encodeURIComponent(path);
-      await useServersFetch(`/create?path=${encodedPath}&type=${type}`, {
-        method: "POST",
-        contentType: "application/octet-stream",
-        override: this.auth,
-      });
-    });
-  }
-
-  uploadFile(path: string, file: File): FileUploadQuery {
-    const encodedPath = encodeURIComponent(path);
-    const progressSubject = new EventTarget();
-    const abortController = new AbortController();
-
-    const uploadPromise = new Promise((resolve, reject) => {
-      const xhr = new XMLHttpRequest();
-
-      xhr.upload.addEventListener("progress", (e) => {
-        if (e.lengthComputable) {
-          const progress = (e.loaded / e.total) * 100;
-          progressSubject.dispatchEvent(
-            new CustomEvent("progress", {
-              detail: { loaded: e.loaded, total: e.total, progress },
-            }),
-          );
-        }
-      });
-
-      xhr.onload = () => {
-        if (xhr.status >= 200 && xhr.status < 300) {
-          resolve(xhr.response);
-        } else {
-          reject(new Error(`Upload failed with status ${xhr.status}`));
-        }
-      };
-
-      xhr.onerror = () => reject(new Error("Upload failed"));
-      xhr.onabort = () => reject(new Error("Upload cancelled"));
-
-      xhr.open("POST", `https://${this.auth.url}/create?path=${encodedPath}&type=file`);
-      xhr.setRequestHeader("Authorization", `Bearer ${this.auth.token}`);
-      xhr.setRequestHeader("Content-Type", "application/octet-stream");
-      xhr.send(file);
-
-      abortController.signal.addEventListener("abort", () => xhr.abort());
-    });
-
-    return {
-      promise: uploadPromise,
-      onProgress: (
-        callback: (progress: { loaded: number; total: number; progress: number }) => void,
-      ) => {
-        progressSubject.addEventListener("progress", ((e: CustomEvent) => {
-          callback(e.detail);
-        }) as EventListener);
-      },
-      cancel: () => abortController.abort(),
-    } as FileUploadQuery;
-  }
-
-  renameFileOrFolder(path: string, name: string): Promise<void> {
-    const pathName = path.split("/").slice(0, -1).join("/") + "/" + name;
-    return this.retryWithAuth(async () => {
-      await useServersFetch(`/move`, {
-        method: "POST",
-        override: this.auth,
-        body: { source: path, destination: pathName },
-      });
-    });
-  }
-
-  updateFile(path: string, content: string): Promise<void> {
-    const octetStream = new Blob([content], { type: "application/octet-stream" });
-    return this.retryWithAuth(async () => {
-      await useServersFetch(`/update?path=${path}`, {
-        method: "PUT",
-        contentType: "application/octet-stream",
-        body: octetStream,
-        override: this.auth,
-      });
-    });
-  }
-
-  moveFileOrFolder(path: string, newPath: string): Promise<void> {
-    return this.retryWithAuth(async () => {
-      await this.server.createMissingFolders(newPath.substring(0, newPath.lastIndexOf("/")));
-      await useServersFetch(`/move`, {
-        method: "POST",
-        override: this.auth,
-        body: { source: path, destination: newPath },
-      });
-    });
-  }
-
-  deleteFileOrFolder(path: string, recursive: boolean): Promise<void> {
-    const encodedPath = encodeURIComponent(path);
-    return this.retryWithAuth(async () => {
-      await useServersFetch(`/delete?path=${encodedPath}&recursive=${recursive}`, {
-        method: "DELETE",
-        override: this.auth,
-      });
-    });
-  }
-
-  downloadFile(path: string, raw?: boolean): Promise<any> {
-    return this.retryWithAuth(async () => {
-      const encodedPath = encodeURIComponent(path);
-      const fileData = await useServersFetch(`/download?path=${encodedPath}`, {
-        override: this.auth,
-      });
-
-      if (fileData instanceof Blob) {
-        return raw ? fileData : await fileData.text();
-      }
-      return fileData;
-    });
-  }
-
-  extractFile(
-    path: string,
-    override = true,
-    dry = false,
-    silentQueue = false,
-  ): Promise<{ modpack_name: string | null; conflicting_files: string[] }> {
-    return this.retryWithAuth(async () => {
-      const encodedPath = encodeURIComponent(path);
-
-      if (!silentQueue) {
-        this.queuedOps.push({ op: "unarchive", src: path });
-        setTimeout(() => this.removeQueuedOp("unarchive", path), 4000);
-      }
-
-      try {
-        return await useServersFetch(
-          `/unarchive?src=${encodedPath}&trg=/&override=${override}&dry=${dry}`,
-          {
-            method: "POST",
-            override: this.auth,
-            version: 1,
-          },
-          undefined,
-          "Error extracting file",
-        );
-      } catch (err) {
-        this.removeQueuedOp("unarchive", path);
-        throw err;
-      }
-    });
-  }
-
-  modifyOp(id: string, action: "dismiss" | "cancel"): Promise<void> {
-    return this.retryWithAuth(async () => {
-      await useServersFetch(
-        `/ops/${action}?id=${id}`,
-        {
-          method: "POST",
-          override: this.auth,
-          version: 1,
-        },
-        undefined,
-        `Error ${action === "dismiss" ? "dismissing" : "cancelling"} filesystem operation`,
-      );
-
-      this.opsQueuedForModification = this.opsQueuedForModification.filter((x: string) => x !== id);
-      this.ops = this.ops.filter((x: FilesystemOp) => x.id !== id);
-    });
-  }
-
-  removeQueuedOp(op: FSQueuedOp["op"], src: string): void {
-    this.queuedOps = this.queuedOps.filter((x: FSQueuedOp) => x.op !== op || x.src !== src);
-  }
-
-  clearQueuedOps(): void {
-    this.queuedOps = [];
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/general.ts
+++ b/apps/frontend/src/composables/servers/modules/general.ts
@@ -1,179 +0,0 @@
-import { $fetch } from "ofetch";
-import type { ServerGeneral, Project, PowerAction, JWTAuth } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class GeneralModule extends ServerModule implements ServerGeneral {
-  server_id!: string;
-  name!: string;
-  net!: { ip: string; port: number; domain: string };
-  game!: string;
-  backup_quota!: number;
-  used_backup_quota!: number;
-  status!: string;
-  suspension_reason!: string;
-  loader!: string;
-  loader_version!: string;
-  mc_version!: string;
-  upstream!: {
-    kind: "modpack" | "mod" | "resourcepack";
-    version_id: string;
-    project_id: string;
-  } | null;
-
-  motd?: string;
-  image?: string;
-  project?: Project;
-  sftp_username!: string;
-  sftp_password!: string;
-  sftp_host!: string;
-  datacenter?: string;
-  notices?: any[];
-  node!: { token: string; instance: string };
-  flows?: { intro?: boolean };
-
-  async fetch(): Promise<void> {
-    const data = await useServersFetch<ServerGeneral>(`servers/${this.serverId}`, {}, "general");
-
-    if (data.upstream?.project_id) {
-      const project = await $fetch(
-        `https://api.modrinth.com/v2/project/${data.upstream.project_id}`,
-      );
-      data.project = project as Project;
-    }
-
-    if (import.meta.client) {
-      data.image = (await this.server.processImage(data.project?.icon_url)) ?? undefined;
-    }
-
-    const motd = await this.getMotd();
-    if (motd === "A Minecraft Server") {
-      await this.setMotd(
-        `§b${data.project?.title || data.loader + " " + data.mc_version} §f♦ §aModrinth Servers`,
-      );
-    }
-    data.motd = motd;
-
-    // Copy data to this module
-    Object.assign(this, data);
-  }
-
-  async updateName(newName: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/name`, {
-      method: "POST",
-      body: { name: newName },
-    });
-  }
-
-  async power(action: PowerAction): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/power`, {
-      method: "POST",
-      body: { action },
-    });
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    await this.fetch(); // Refresh this module
-  }
-
-  async reinstall(
-    loader: boolean,
-    projectId: string,
-    versionId?: string,
-    loaderVersionId?: string,
-    hardReset: boolean = false,
-  ): Promise<void> {
-    const hardResetParam = hardReset ? "true" : "false";
-    if (loader) {
-      if (projectId.toLowerCase() === "neoforge") {
-        projectId = "NeoForge";
-      }
-      await useServersFetch(`servers/${this.serverId}/reinstall?hard=${hardResetParam}`, {
-        method: "POST",
-        body: { loader: projectId, loader_version: loaderVersionId, game_version: versionId },
-      });
-    } else {
-      await useServersFetch(`servers/${this.serverId}/reinstall?hard=${hardResetParam}`, {
-        method: "POST",
-        body: { project_id: projectId, version_id: versionId },
-      });
-    }
-  }
-
-  async reinstallFromMrpack(mrpack: File, hardReset: boolean = false): Promise<void> {
-    const hardResetParam = hardReset ? "true" : "false";
-    const auth = await useServersFetch<JWTAuth>(`servers/${this.serverId}/reinstallFromMrpack`);
-
-    const formData = new FormData();
-    formData.append("file", mrpack);
-
-    const response = await fetch(
-      `https://${auth.url}/reinstallMrpackMultiparted?hard=${hardResetParam}`,
-      {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${auth.token}`,
-        },
-        body: formData,
-        signal: AbortSignal.timeout(30 * 60 * 1000),
-      },
-    );
-
-    if (!response.ok) {
-      throw new Error(`[pyroservers] native fetch err status: ${response.status}`);
-    }
-  }
-
-  async suspend(status: boolean): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/suspend`, {
-      method: "POST",
-      body: { suspended: status },
-    });
-  }
-
-  async endIntro(): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/flows/intro`, {
-      method: "DELETE",
-      version: 1,
-    });
-    await this.fetch(); // Refresh this module
-  }
-
-  async getMotd(): Promise<string | undefined> {
-    try {
-      const props = await this.server.fs.downloadFile("/server.properties");
-      if (props) {
-        const lines = props.split("\n");
-        for (const line of lines) {
-          if (line.startsWith("motd=")) {
-            return line.slice(5);
-          }
-        }
-      }
-    } catch {
-      return undefined;
-    }
-    return undefined;
-  }
-
-  async setMotd(motd: string): Promise<void> {
-    try {
-      const props = (await this.server.fetchConfigFile("ServerProperties")) as any;
-      if (props) {
-        props.motd = motd;
-        const newProps = this.server.constructServerProperties(props);
-        const octetStream = new Blob([newProps], { type: "application/octet-stream" });
-        const auth = await useServersFetch<JWTAuth>(`servers/${this.serverId}/fs`);
-
-        await useServersFetch(`/update?path=/server.properties`, {
-          method: "PUT",
-          contentType: "application/octet-stream",
-          body: octetStream,
-          override: auth,
-        });
-      }
-    } catch {
-      console.error(
-        "[Modrinth Servers] [General] Failed to set MOTD due to lack of server properties file.",
-      );
-    }
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/index.ts
+++ b/apps/frontend/src/composables/servers/modules/index.ts
@@ -1,8 +0,0 @@
-export * from "./base.ts";
-export * from "./backups.ts";
-export * from "./content.ts";
-export * from "./fs.ts";
-export * from "./general.ts";
-export * from "./network.ts";
-export * from "./startup.ts";
-export * from "./ws.ts";
--- a/apps/frontend/src/composables/servers/modules/network.ts
+++ b/apps/frontend/src/composables/servers/modules/network.ts
@@ -1,47 +0,0 @@
-import type { Allocation } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class NetworkModule extends ServerModule {
-  allocations: Allocation[] = [];
-
-  async fetch(): Promise<void> {
-    this.allocations = await useServersFetch<Allocation[]>(
-      `servers/${this.serverId}/allocations`,
-      {},
-      "network",
-    );
-  }
-
-  async reserveAllocation(name: string): Promise<Allocation> {
-    return await useServersFetch<Allocation>(`servers/${this.serverId}/allocations?name=${name}`, {
-      method: "POST",
-    });
-  }
-
-  async updateAllocation(port: number, name: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/allocations/${port}?name=${name}`, {
-      method: "PUT",
-    });
-  }
-
-  async deleteAllocation(port: number): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/allocations/${port}`, {
-      method: "DELETE",
-    });
-  }
-
-  async checkSubdomainAvailability(subdomain: string): Promise<boolean> {
-    const result = (await useServersFetch(`subdomains/${subdomain}/isavailable`)) as {
-      available: boolean;
-    };
-    return result.available;
-  }
-
-  async changeSubdomain(subdomain: string): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/subdomain`, {
-      method: "POST",
-      body: { subdomain },
-    });
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/scheduling.ts
+++ b/apps/frontend/src/composables/servers/modules/scheduling.ts
@@ -1,80 +0,0 @@
-import type { Schedule, ServerSchedule } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class SchedulingModule extends ServerModule {
-  tasks: ServerSchedule[] = [];
-
-  private optimisticUpdate(action: () => void): () => void {
-    const originalTasks = [...this.tasks];
-    action();
-    return () => {
-      this.tasks = originalTasks;
-    };
-  }
-
-  async fetch(): Promise<void> {
-    const response = await useServersFetch<{ schedules: { quota: 32; items: ServerSchedule[] } }>(
-      `servers/${this.serverId}/options`,
-      { version: 1 },
-    );
-    this.tasks = response.schedules.items;
-  }
-
-  async deleteTask(task: ServerSchedule): Promise<void> {
-    const rollback = this.optimisticUpdate(() => {
-      this.tasks = this.tasks.filter((t) => t.id !== task.id);
-    });
-
-    try {
-      await useServersFetch(`servers/${this.serverId}/options/schedules/${task.id}`, {
-        method: "DELETE",
-        version: 1,
-      });
-    } catch (error) {
-      rollback();
-      throw error;
-    }
-  }
-
-  async createTask(task: Schedule): Promise<number> {
-    const rollback = this.optimisticUpdate(() => {});
-
-    try {
-      const response = await useServersFetch<{ id: number }>(
-        `servers/${this.serverId}/options/schedules`,
-        {
-          method: "POST",
-          body: task,
-          version: 1,
-        },
-      );
-
-      this.tasks.push({ ...task, id: response.id } as ServerSchedule);
-      return response.id;
-    } catch (error) {
-      rollback();
-      throw error;
-    }
-  }
-
-  async editTask(taskId: number, updatedTask: Partial<Schedule>): Promise<void> {
-    const rollback = this.optimisticUpdate(() => {
-      const taskIndex = this.tasks.findIndex((t) => t.id === taskId);
-      if (taskIndex !== -1) {
-        this.tasks[taskIndex] = { ...this.tasks[taskIndex], ...updatedTask };
-      }
-    });
-
-    try {
-      await useServersFetch(`servers/${this.serverId}/options/schedules/${taskId}`, {
-        method: "PATCH",
-        body: updatedTask,
-        version: 1,
-      });
-    } catch (error) {
-      rollback();
-      throw error;
-    }
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/startup.ts
+++ b/apps/frontend/src/composables/servers/modules/startup.ts
@@ -1,26 +0,0 @@
-import type { Startup, JDKVersion, JDKBuild } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class StartupModule extends ServerModule implements Startup {
-  invocation!: string;
-  original_invocation!: string;
-  jdk_version!: JDKVersion;
-  jdk_build!: JDKBuild;
-
-  async fetch(): Promise<void> {
-    const data = await useServersFetch<Startup>(`servers/${this.serverId}/startup`, {}, "startup");
-    Object.assign(this, data);
-  }
-
-  async update(invocation: string, jdkVersion: JDKVersion, jdkBuild: JDKBuild): Promise<void> {
-    await useServersFetch(`servers/${this.serverId}/startup`, {
-      method: "POST",
-      body: {
-        invocation: invocation || null,
-        jdk_version: jdkVersion || null,
-        jdk_build: jdkBuild || null,
-      },
-    });
-  }
-}
--- a/apps/frontend/src/composables/servers/modules/ws.ts
+++ b/apps/frontend/src/composables/servers/modules/ws.ts
@@ -1,13 +0,0 @@
-import type { JWTAuth } from "@modrinth/utils";
-import { useServersFetch } from "../servers-fetch.ts";
-import { ServerModule } from "./base.ts";
-
-export class WSModule extends ServerModule implements JWTAuth {
-  url!: string;
-  token!: string;
-
-  async fetch(): Promise<void> {
-    const data = await useServersFetch<JWTAuth>(`servers/${this.serverId}/ws`, {}, "ws");
-    Object.assign(this, data);
-  }
-}
--- a/apps/frontend/src/composables/servers/servers-fetch.ts
+++ b/apps/frontend/src/composables/servers/servers-fetch.ts
@@ -1,188 +0,0 @@
-import { $fetch, FetchError } from "ofetch";
-import { ModrinthServerError, ModrinthServersFetchError } from "@modrinth/utils";
-import type { V1ErrorInfo } from "@modrinth/utils";
-
-export interface ServersFetchOptions {
-  method?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
-  contentType?: string;
-  body?: Record<string, any>;
-  version?: number;
-  override?: {
-    url?: string;
-    token?: string;
-  };
-  retry?: number | boolean;
-  bypassAuth?: boolean;
-}
-
-export async function useServersFetch<T>(
-  path: string,
-  options: ServersFetchOptions = {},
-  module?: string,
-  errorContext?: string,
-): Promise<T> {
-  const config = useRuntimeConfig();
-  const auth = await useAuth();
-  const authToken = auth.value?.token;
-
-  if (!authToken && !options.bypassAuth) {
-    const error = new ModrinthServersFetchError(
-      "[Modrinth Servers] Cannot fetch without auth",
-      10000,
-    );
-    throw new ModrinthServerError("Missing auth token", 401, error, module);
-  }
-
-  const {
-    method = "GET",
-    contentType = "application/json",
-    body,
-    version = 0,
-    override,
-    retry = method === "GET" ? 3 : 0,
-  } = options;
-
-  const base = (import.meta.server ? config.pyroBaseUrl : config.public.pyroBaseUrl)?.replace(
-    /\/$/,
-    "",
-  );
-
-  if (!base) {
-    const error = new ModrinthServersFetchError(
-      "[Modrinth Servers] Cannot fetch without base url. Make sure to set a PYRO_BASE_URL in environment variables",
-      10001,
-    );
-    throw new ModrinthServerError("Configuration error: Missing PYRO_BASE_URL", 500, error, module);
-  }
-
-  const versionString = `v${version}`;
-  let newOverrideUrl = override?.url;
-  if (newOverrideUrl && newOverrideUrl.includes("v0") && version !== 0) {
-    newOverrideUrl = newOverrideUrl.replace("v0", versionString);
-  }
-
-  const fullUrl = newOverrideUrl
-    ? `https://${newOverrideUrl}/${path.replace(/^\//, "")}`
-    : version === 0
-      ? `${base}/modrinth/v${version}/${path.replace(/^\//, "")}`
-      : `${base}/v${version}/${path.replace(/^\//, "")}`;
-
-  const headers: Record<string, string> = {
-    "User-Agent": "Modrinth/1.0 (https://modrinth.com)",
-    Vary: "Accept, Origin",
-  };
-
-  if (!options.bypassAuth) {
-    headers.Authorization = `Bearer ${override?.token ?? authToken}`;
-    headers["Access-Control-Allow-Headers"] = "Authorization";
-  }
-
-  if (contentType !== "none") {
-    headers["Content-Type"] = contentType;
-  }
-
-  if (import.meta.client && typeof window !== "undefined") {
-    headers.Origin = window.location.origin;
-  }
-
-  let attempts = 0;
-  const maxAttempts = (typeof retry === "boolean" ? (retry ? 3 : 1) : retry) + 1;
-  let lastError: Error | null = null;
-
-  while (attempts < maxAttempts) {
-    try {
-      const response = await $fetch<T>(fullUrl, {
-        method,
-        headers,
-        body: body && contentType === "application/json" ? JSON.stringify(body) : body ?? undefined,
-        timeout: 10000,
-      });
-
-      return response;
-    } catch (error) {
-      lastError = error as Error;
-      attempts++;
-
-      if (error instanceof FetchError) {
-        const statusCode = error.response?.status;
-        const statusText = error.response?.statusText || "Unknown error";
-
-        let v1Error: V1ErrorInfo | undefined;
-        if (error.data?.error && error.data?.description) {
-          v1Error = {
-            context: errorContext,
-            ...error.data,
-          };
-        }
-
-        const errorMessages: { [key: number]: string } = {
-          400: "Bad Request",
-          401: "Unauthorized",
-          403: "Forbidden",
-          404: "Not Found",
-          405: "Method Not Allowed",
-          408: "Request Timeout",
-          429: "Too Many Requests",
-          500: "Internal Server Error",
-          502: "Bad Gateway",
-          503: "Service Unavailable",
-          504: "Gateway Timeout",
-        };
-
-        const message =
-          statusCode && statusCode in errorMessages
-            ? errorMessages[statusCode]
-            : `HTTP Error: ${statusCode || "unknown"} ${statusText}`;
-
-        const isRetryable = statusCode ? [408, 429, 500, 502, 504].includes(statusCode) : true;
-
-        if (!isRetryable || attempts >= maxAttempts) {
-          console.error("Fetch error:", error);
-
-          const fetchError = new ModrinthServersFetchError(
-            `[Modrinth Servers] ${message}`,
-            statusCode,
-            error,
-          );
-          throw new ModrinthServerError(error.message, statusCode, fetchError, module, v1Error);
-        }
-
-        const delay = Math.min(1000 * Math.pow(2, attempts - 1) + Math.random() * 1000, 10000);
-        console.warn(`Retrying request in ${delay}ms (attempt ${attempts}/${maxAttempts - 1})`);
-        await new Promise((resolve) => setTimeout(resolve, delay));
-        continue;
-      }
-
-      console.error("Unexpected fetch error:", error);
-      const fetchError = new ModrinthServersFetchError(
-        "[Modrinth Servers] An unexpected error occurred during the fetch operation.",
-        undefined,
-        error as Error,
-      );
-      throw new ModrinthServerError(
-        "Unexpected error during fetch operation",
-        undefined,
-        fetchError,
-        module,
-      );
-    }
-  }
-
-  console.error("All retry attempts failed:", lastError);
-  if (lastError instanceof FetchError) {
-    const statusCode = lastError.response?.status;
-    const pyroError = new ModrinthServersFetchError(
-      "Maximum retry attempts reached",
-      statusCode,
-      lastError,
-    );
-    throw new ModrinthServerError("Maximum retry attempts reached", statusCode, pyroError, module);
-  }
-
-  const fetchError = new ModrinthServersFetchError(
-    "Maximum retry attempts reached",
-    undefined,
-    lastError || undefined,
-  );
-  throw new ModrinthServerError("Maximum retry attempts reached", undefined, fetchError, module);
-}
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -159,7 +159,7 @@
    "message": "Subscribe to updates about Modrinth"
  },
  "auth.welcome.description": {
-    "message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with awazing mods."
+    "message": "You’re now part of the awesome community of creators & explorers already building, downloading, and staying up-to-date with amazing mods."
  },
  "auth.welcome.label.tos": {
    "message": "By creating an account, you have agreed to Modrinth's <terms-link>Terms</terms-link> and <privacy-policy-link>Privacy Policy</privacy-policy-link>."
@@ -350,14 +350,11 @@
  "layout.banner.add-email.button": {
    "message": "Visit account settings"
  },
-  "layout.banner.add-email.description": {
-    "message": "For security reasons, Modrinth needs you to register an email address to your account."
-  },
  "layout.banner.build-fail.description": {
    "message": "This deploy of Modrinth's frontend failed to generate state from the API. This may be due to an outage or an error in configuration. Rebuild when the API is available. Error codes: {errors}; Current API URL is: {url}"
  },
  "layout.banner.build-fail.title": {
-    "message": "Error generating state from API when building."
+    "message": "Error generating state from API when building"
  },
  "layout.banner.staging.description": {
    "message": "The staging environment is completely separate from the production Modrinth database. This is used for testing and debugging purposes, and may be running in-development versions of the Modrinth backend or frontend newer than the production instance."
@@ -368,12 +365,12 @@
  "layout.banner.subscription-payment-failed.button": {
    "message": "Update billing info"
  },
+  "layout.banner.subscription-payment-failed.title": {
+    "message": "Billing action required"
+  },
  "layout.banner.subscription-payment-failed.description": {
    "message": "One or more subscriptions failed to renew. Please update your payment method to prevent losing access!"
  },
-  "layout.banner.subscription-payment-failed.title": {
-    "message": "Billing action required."
-  },
  "layout.banner.verify-email.action": {
    "message": "Re-send verification email"
  },
@@ -1050,23 +1047,32 @@
    "message": "No notices"
  },
  "servers.plan.large.description": {
-    "message": "Ideal for 15–25 players, modpacks, or heavy modding."
+    "message": "Ideal for larger communities, modpacks, and heavy modding."
  },
  "servers.plan.large.name": {
    "message": "Large"
  },
+  "servers.plan.large.symbol": {
+    "message": "L"
+  },
  "servers.plan.medium.description": {
-    "message": "Great for 6–15 players and multiple mods."
+    "message": "Great for modded multiplayer and small communities."
  },
  "servers.plan.medium.name": {
    "message": "Medium"
  },
+  "servers.plan.medium.symbol": {
+    "message": "M"
+  },
  "servers.plan.small.description": {
-    "message": "Perfect for 1–5 friends with a few light mods."
+    "message": "Perfect for vanilla multiplayer, small friend groups, SMPs, and light modding."
  },
  "servers.plan.small.name": {
    "message": "Small"
  },
+  "servers.plan.small.symbol": {
+    "message": "S"
+  },
  "settings.billing.modal.cancel.action": {
    "message": "Cancel subscription"
  },
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -32,7 +32,7 @@
            <h1 class="wrap-as-needed">
              {{ project.title }}
            </h1>
-            <ProjectStatusBadge :status="project.status" />
+            <Badge :type="project.status" />
          </div>
        </div>
        <h2>Project settings</h2>
@@ -870,7 +870,6 @@ import {
  ProjectSidebarCreators,
  ProjectSidebarDetails,
  ProjectSidebarLinks,
-  ProjectStatusBadge,
  ScrollablePanel,
  useRelativeTime,
 } from "@modrinth/ui";
@@ -881,6 +880,7 @@ import dayjs from "dayjs";
 import Accordion from "~/components/ui/Accordion.vue";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
 import AutomaticAccordion from "~/components/ui/AutomaticAccordion.vue";
+import Badge from "~/components/ui/Badge.vue";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
 import CollectionCreateModal from "~/components/ui/CollectionCreateModal.vue";
 import MessageBanner from "~/components/ui/MessageBanner.vue";
--- a/apps/frontend/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -242,7 +242,8 @@
 import { formatProjectStatus } from "@modrinth/utils";
 import { UploadIcon, SaveIcon, TrashIcon, XIcon, IssuesIcon, CheckIcon } from "@modrinth/assets";
 import { Multiselect } from "vue-multiselect";
-import { ConfirmModal, Avatar } from "@modrinth/ui";
+import { ConfirmModal } from "@modrinth/ui";
+import Avatar from "~/components/ui/Avatar.vue";
 import FileInput from "~/components/ui/FileInput.vue";

 const props = defineProps({
--- a/apps/frontend/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/frontend/src/pages/[type]/[id]/version/[version].vue
@@ -630,15 +630,7 @@
  </div>
 </template>
 <script>
-import {
-  Avatar,
-  Badge,
-  CopyCode,
-  Checkbox,
-  ButtonStyled,
-  ConfirmModal,
-  MarkdownEditor,
-} from "@modrinth/ui";
+import { ButtonStyled, ConfirmModal, MarkdownEditor } from "@modrinth/ui";
 import {
  FileIcon,
  TrashIcon,
@@ -664,9 +656,13 @@ import { renderHighlightedString } from "~/helpers/highlight.js";
 import { reportVersion } from "~/utils/report-helpers.ts";
 import { useImageUpload } from "~/composables/image-upload.ts";

+import Avatar from "~/components/ui/Avatar.vue";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
+import Badge from "~/components/ui/Badge.vue";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
+import CopyCode from "~/components/ui/CopyCode.vue";
 import Categories from "~/components/ui/search/Categories.vue";
+import Checkbox from "~/components/ui/Checkbox.vue";
 import FileInput from "~/components/ui/FileInput.vue";
 import Modal from "~/components/ui/Modal.vue";

--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -275,7 +275,7 @@ import { useVIntl } from "@vintl/vintl";
 import type { ServerNotice as ServerNoticeType } from "@modrinth/utils";
 import { computed } from "vue";
 import { NOTICE_LEVELS } from "@modrinth/ui/src/utils/notices.ts";
-import { useServersFetch } from "~/composables/servers/servers-fetch.ts";
+import { usePyroFetch } from "~/composables/pyroFetch.ts";
 import AssignNoticeModal from "~/components/ui/servers/notice/AssignNoticeModal.vue";

 const { formatMessage } = useVIntl();
@@ -290,7 +290,7 @@ const assignNoticeModal = ref<InstanceType<typeof AssignNoticeModal>>();
 await refreshNotices();

 async function refreshNotices() {
-  await useServersFetch("notices").then((res) => {
+  await usePyroFetch("notices").then((res) => {
    notices.value = res as ServerNoticeType[];
    notices.value.sort((a, b) => {
      const dateDiff = dayjs(b.announce_at).diff(dayjs(a.announce_at));
@@ -347,7 +347,7 @@ function startEditing(notice: ServerNoticeType, assignments: boolean = false) {
 }

 async function deleteNotice(notice: ServerNoticeType) {
-  await useServersFetch(`notices/${notice.id}`, {
+  await usePyroFetch(`notices/${notice.id}`, {
    method: "DELETE",
  })
    .then(() => {
@@ -401,7 +401,7 @@ async function saveChanges() {
    return;
  }

-  await useServersFetch(`notices/${editingNotice.value?.id}`, {
+  await usePyroFetch(`notices/${editingNotice.value?.id}`, {
    method: "PATCH",
    body: {
      message: newNoticeMessage.value,
@@ -432,7 +432,7 @@ async function createNotice() {
    return;
  }

-  await useServersFetch("notices", {
+  await usePyroFetch("notices", {
    method: "POST",
    body: {
      message: newNoticeMessage.value,
--- a/apps/frontend/src/pages/app.vue
+++ b/apps/frontend/src/pages/app.vue
@@ -8,11 +8,13 @@ import {
  DownloadIcon,
  LinkIcon,
 } from "@modrinth/assets";
-import { Avatar, Checkbox, Badge } from "@modrinth/ui";
+import Avatar from "~/components/ui/Avatar.vue";
 import LogoAnimated from "~/components/brand/LogoAnimated.vue";
+import Badge from "~/components/ui/Badge.vue";
 import PrismIcon from "~/assets/images/external/prism.svg?component";
 import ATLauncher from "~/assets/images/external/atlauncher.svg?component";
 import CurseForge from "~/assets/images/external/curseforge.svg?component";
+import Checkbox from "~/components/ui/Checkbox.vue";

 import { homePageProjects } from "~/generated/state.json";

--- a/apps/frontend/src/pages/dashboard/index.vue
+++ b/apps/frontend/src/pages/dashboard/index.vue
@@ -97,7 +97,7 @@
 </template>
 <script setup>
 import { ChevronRightIcon, HistoryIcon } from "@modrinth/assets";
-import { Avatar } from "@modrinth/ui";
+import Avatar from "~/components/ui/Avatar.vue";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
 import { fetchExtraNotificationData, groupNotifications } from "~/helpers/notifications.ts";

--- a/apps/frontend/src/pages/dashboard/notifications.vue
+++ b/apps/frontend/src/pages/dashboard/notifications.vue
@@ -49,14 +49,12 @@
        />
      </template>
      <p v-else>You don't have any unread notifications.</p>
-      <div class="flex justify-end">
-        <Pagination :page="page" :count="pages" @switch-page="changePage" />
-      </div>
+      <Pagination :page="page" :count="pages" @switch-page="changePage" />
    </section>
  </div>
 </template>
 <script setup>
-import { Button, Pagination, Chips } from "@modrinth/ui";
+import { Button, Chips } from "@modrinth/ui";
 import { HistoryIcon, CheckCheckIcon } from "@modrinth/assets";
 import {
  fetchExtraNotificationData,
@@ -65,6 +63,7 @@ import {
 } from "~/helpers/notifications.ts";
 import NotificationItem from "~/components/ui/NotificationItem.vue";
 import Breadcrumbs from "~/components/ui/Breadcrumbs.vue";
+import Pagination from "~/components/ui/Pagination.vue";

 useHead({
  title: "Notifications - Modrinth",
--- a/apps/frontend/src/pages/dashboard/organizations.vue
+++ b/apps/frontend/src/pages/dashboard/organizations.vue
@@ -14,7 +14,7 @@
      <template v-if="orgs?.length > 0">
        <div class="orgs-grid">
          <nuxt-link
-            v-for="org in sortedOrgs"
+            v-for="org in orgs"
            :key="org.id"
            :to="`/organization/${org.slug}`"
            class="universal-card button-base recessed org"
@@ -67,8 +67,6 @@ const { data: orgs, error } = useAsyncData("organizations", () => {
  });
 });

-const sortedOrgs = computed(() => orgs.value.sort((a, b) => a.name.localeCompare(b.name)));
-
 const onlyAcceptedMembers = (members) => members.filter((member) => member?.accepted);

 if (error.value) {
--- a/apps/frontend/src/pages/dashboard/projects.vue
+++ b/apps/frontend/src/pages/dashboard/projects.vue
@@ -279,19 +279,18 @@
            </div>

            <div>
-              <ProjectStatusBadge v-if="project.status" :status="project.status" />
+              <Badge v-if="project.status" :type="project.status" class="status" />
            </div>

            <div>
-              <ButtonStyled circular>
-                <nuxt-link
-                  :to="`/${$getProjectTypeForUrl(project.project_type, project.loaders)}/${
-                    project.slug ? project.slug : project.id
-                  }/settings`"
-                >
-                  <SettingsIcon />
-                </nuxt-link>
-              </ButtonStyled>
+              <nuxt-link
+                class="square-button"
+                :to="`/${$getProjectTypeForUrl(project.project_type, project.loaders)}/${
+                  project.slug ? project.slug : project.id
+                }/settings`"
+              >
+                <SettingsIcon />
+              </nuxt-link>
            </div>
          </div>
        </div>
@@ -313,23 +312,19 @@ import {
  SortAscendingIcon as AscendingIcon,
  SortDescendingIcon as DescendingIcon,
 } from "@modrinth/assets";
-import {
-  Avatar,
-  ButtonStyled,
-  Checkbox,
-  CopyCode,
-  ProjectStatusBadge,
-  commonMessages,
-} from "@modrinth/ui";
+import { commonMessages } from "@modrinth/ui";

+import Badge from "~/components/ui/Badge.vue";
+import Checkbox from "~/components/ui/Checkbox.vue";
 import Modal from "~/components/ui/Modal.vue";
+import Avatar from "~/components/ui/Avatar.vue";
 import ModalCreation from "~/components/ui/ModalCreation.vue";
+import CopyCode from "~/components/ui/CopyCode.vue";

 export default defineNuxtComponent({
  components: {
    Avatar,
-    ButtonStyled,
-    ProjectStatusBadge,
+    Badge,
    SettingsIcon,
    TrashIcon,
    Checkbox,
--- a/apps/frontend/src/pages/index.vue
+++ b/apps/frontend/src/pages/index.vue
@@ -527,7 +527,7 @@
 </template>
 <script setup>
 import { Multiselect } from "vue-multiselect";
-import { Avatar, ButtonStyled, useRelativeTime } from "@modrinth/ui";
+import { ButtonStyled, useRelativeTime } from "@modrinth/ui";
 import {
  CompassIcon,
  LogInIcon,
@@ -539,6 +539,7 @@ import {
 } from "@modrinth/assets";
 import PrismLauncherLogo from "~/assets/images/external/prism.svg?component";
 import ATLauncherLogo from "~/assets/images/external/atlauncher.svg?component";
+import Avatar from "~/components/ui/Avatar.vue";
 import ProjectCard from "~/components/ui/ProjectCard.vue";

 import { homePageProjects, homePageSearch, homePageNotifs } from "~/generated/state.json";
--- a/apps/frontend/src/pages/moderation/review.vue
+++ b/apps/frontend/src/pages/moderation/review.vue
@@ -81,9 +81,7 @@
        </div>
        <div class="mobile-row">
          is requesting to be
-          <ProjectStatusBadge
-            :status="project.requested_status ? project.requested_status : 'approved'"
-          />
+          <Badge :type="project.requested_status ? project.requested_status : 'approved'" />
        </div>
      </div>
      <div class="input-group">
@@ -105,7 +103,7 @@
 </template>

 <script setup>
-import { Avatar, ProjectStatusBadge, Chips, useRelativeTime } from "@modrinth/ui";
+import { Chips, useRelativeTime } from "@modrinth/ui";
 import {
  UnknownIcon,
  EyeIcon,
@@ -114,8 +112,9 @@ import {
  IssuesIcon,
  ScaleIcon,
 } from "@modrinth/assets";
+import Avatar from "~/components/ui/Avatar.vue";
+import Badge from "~/components/ui/Badge.vue";
 import { formatProjectType } from "~/plugins/shorthands.js";
-import { asEncodedJsonArray, fetchSegmented } from "~/utils/fetch-helpers.ts";

 useHead({
  title: "Review projects - Modrinth",
@@ -171,6 +170,28 @@ const projectTypes = computed(() => {
  return [...set];
 });

+function segmentData(data, segmentSize = 800) {
+  return data.reduce((acc, curr, index) => {
+    const segment = Math.floor(index / segmentSize);
+
+    if (!acc[segment]) {
+      acc[segment] = [];
+    }
+    acc[segment].push(curr);
+    return acc;
+  }, []);
+}
+
+function fetchSegmented(data, createUrl, options = {}) {
+  return Promise.all(segmentData(data).map((ids) => useBaseFetch(createUrl(ids), options))).then(
+    (results) => results.flat(),
+  );
+}
+
+function asEncodedJsonArray(data) {
+  return encodeURIComponent(JSON.stringify(data));
+}
+
 if (projects.value) {
  const teamIds = projects.value.map((x) => x.team_id);
  const orgIds = projects.value.filter((x) => x.organization).map((x) => x.organization);
--- a/apps/frontend/src/pages/search/[searchProjectType].vue
+++ b/apps/frontend/src/pages/search/[searchProjectType].vue
@@ -334,7 +334,6 @@ import {
  ImageIcon,
 } from "@modrinth/assets";
 import { computed } from "vue";
-import { useModrinthServers } from "~/composables/servers/modrinth-servers.ts";
 import ProjectCard from "~/components/ui/ProjectCard.vue";
 import LogoAnimated from "~/components/brand/LogoAnimated.vue";
 import AdPlaceholder from "~/components/ui/AdPlaceholder.vue";
@@ -389,7 +388,7 @@ async function updateServerContext() {
    if (!auth.value.user) {
      router.push("/auth/sign-in?redirect=" + encodeURIComponent(route.fullPath));
    } else if (route.query.sid !== null) {
-      server.value = await useModrinthServers(route.query.sid, ["general", "content"], {
+      server.value = await usePyroServer(route.query.sid, ["general", "content"], {
        waitForModules: true,
      });
    }
@@ -520,6 +519,7 @@ async function serverInstall(project) {

    if (projectType.value.id === "modpack") {
      await server.value.general.reinstall(
+        server.value.serverId,
        false,
        project.project_id,
        version.id,
--- a/apps/frontend/src/pages/servers/index.vue
+++ b/apps/frontend/src/pages/servers/index.vue
@@ -4,28 +4,27 @@
    data-pyro
    class="servers-hero relative isolate -mt-44 h-full min-h-screen pt-8"
  >
-    <ModrinthServersPurchaseModal
-      v-if="customer"
-      :key="`purchase-modal-${customer.id}`"
+    <PurchaseModal
+      v-if="showModal && selectedProduct && customer"
+      :key="selectedProduct.id"
      ref="purchaseModal"
+      :product="selectedProduct"
+      :country="country"
+      :custom-server="customServer"
      :publishable-key="config.public.stripePublishableKey"
-      :initiate-payment="
+      :send-billing-request="
        async (body) =>
          await useBaseFetch('billing/payment', { internal: true, method: 'POST', body })
      "
-      :available-products="pyroProducts"
+      :fetch-payment-data="fetchPaymentData"
      :on-error="handleError"
      :customer="customer"
      :payment-methods="paymentMethods"
-      :currency="selectedCurrency"
      :return-url="`${config.public.siteUrl}/servers/manage`"
      :server-name="`${auth?.user?.username}'s server`"
-      :out-of-stock-url="outOfStockUrl"
      :fetch-capacity-statuses="fetchCapacityStatuses"
-      :pings="regionPings"
-      :regions="regions"
-      :refresh-payment-methods="fetchPaymentData"
-      :fetch-stock="fetchStock"
+      :out-of-stock-url="outOfStockUrl"
+      @hidden="handleModalHidden"
    />

    <section
@@ -443,8 +442,8 @@
                Where are Modrinth Servers located? Can I choose a region?
              </summary>
              <p class="m-0 ml-6 leading-[160%]">
-                We have servers in both North America in Vint Hill, Virginia, and Europe in Limburg,
-                Germany. More regions to come in the future!
+                Currently, Modrinth Servers are located on the east coast of the United States in
+                Vint Hill, Virginia. More regions to come in the future!
              </p>
            </details>

@@ -498,6 +497,98 @@
      </div>
    </section>

+    <section
+      v-if="false"
+      class="relative mt-24 flex flex-col bg-[radial-gradient(65%_50%_at_50%_-10%,var(--color-brand-highlight)_0%,var(--color-accent-contrast)_100%)] px-3 pt-24 md:mt-48 md:pt-48"
+    >
+      <div class="faded-brand-line absolute left-0 top-0 h-[1px] w-full"></div>
+      <div class="mx-auto flex w-full max-w-7xl flex-col gap-8">
+        <div class="grid grid-cols-1 items-center gap-12 lg:grid-cols-2">
+          <div class="flex flex-col gap-8">
+            <div class="flex flex-col gap-4">
+              <div
+                class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
+              >
+                Server Locations
+              </div>
+              <h1 class="relative m-0 max-w-2xl text-4xl leading-[120%] md:text-7xl">
+                Coast-to-Coast Coverage
+              </h1>
+            </div>
+
+            <div class="flex flex-col gap-8">
+              <div class="flex flex-col gap-4">
+                <div class="flex items-center gap-3">
+                  <div class="grid size-8 place-content-center rounded-full bg-highlight-green">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      class="text-brand"
+                    >
+                      <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" />
+                      <circle cx="12" cy="10" r="3" />
+                    </svg>
+                  </div>
+                  <h2 class="relative m-0 text-xl font-medium leading-[155%] md:text-2xl">
+                    US Coverage
+                  </h2>
+                </div>
+                <p
+                  class="relative m-0 max-w-xl text-base font-normal leading-[155%] text-secondary md:text-[18px]"
+                >
+                  With strategically placed servers in New York, California, Texas, Florida, and
+                  Washington, we ensure low latency connections for players across North America.
+                  Each location is equipped with high-performance hardware and DDoS protection.
+                </p>
+              </div>
+
+              <div class="flex flex-col gap-4">
+                <div class="flex items-center gap-3">
+                  <div class="grid size-8 place-content-center rounded-full bg-highlight-blue">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="16"
+                      height="16"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      class="text-blue"
+                    >
+                      <path d="M12 2a10 10 0 1 0 10 10" />
+                      <path d="M18 13a6 6 0 0 0-6-6" />
+                      <path d="M13 2.05a10 10 0 0 1 2 2" />
+                      <path d="M19.5 8.5a10 10 0 0 1 2 2" />
+                    </svg>
+                  </div>
+                  <h2 class="relative m-0 text-xl font-medium leading-[155%] md:text-2xl">
+                    Global Expansion
+                  </h2>
+                </div>
+                <p
+                  class="relative m-0 max-w-xl text-base font-normal leading-[155%] text-secondary md:text-[18px]"
+                >
+                  We're expanding to Europe and Asia-Pacific regions soon, bringing Modrinth's
+                  seamless hosting experience worldwide. Join our Discord to stay updated on new
+                  region launches.
+                </p>
+              </div>
+            </div>
+          </div>
+          <Globe />
+        </div>
+      </div>
+    </section>
+
    <section
      id="plan"
      class="relative mt-24 flex flex-col bg-[radial-gradient(65%_50%_at_50%_-10%,var(--color-brand-highlight)_0%,var(--color-accent-contrast)_100%)] px-3 pt-24 md:mt-48 md:pt-48"
@@ -505,35 +596,19 @@
      <div class="faded-brand-line absolute left-0 top-0 h-[1px] w-full"></div>
      <div class="mx-auto flex w-full max-w-7xl flex-col items-center gap-8 text-center">
        <h1 class="relative m-0 text-4xl leading-[120%] md:text-7xl">
-          There's a server for everyone
+          Start your server on Modrinth
        </h1>
-        <p class="m-0 flex items-center gap-1">
-          Available in North America and Europe for wide coverage.
-        </p>
+        <h2
+          class="relative m-0 max-w-xl text-base font-normal leading-[155%] text-secondary md:text-[18px]"
+        >
+          {{
+            isAtCapacity && !loggedOut
+              ? "We are currently at capacity. Please try again later."
+              : "There's a plan for everyone! Choose the one that fits your needs."
+          }}
+        </h2>

-        <div class="grid grid-cols-[1fr_auto_1fr] items-center gap-3">
-          <span></span>
-          <OptionGroup v-slot="{ option }" v-model="billingPeriod" :options="billingPeriods">
-            <template v-if="option === 'monthly'"> Pay monthly </template>
-            <span v-else-if="option === 'quarterly'"> Pay quarterly </span>
-            <span v-else-if="option === 'yearly'"> Pay yearly </span>
-          </OptionGroup>
-          <template v-if="billingPeriods.includes('quarterly')">
-            <button
-              v-if="billingPeriod !== 'quarterly'"
-              class="bg-transparent p-0 text-sm font-medium text-brand hover:underline active:scale-95"
-              @click="billingPeriod = 'quarterly'"
-            >
-              Save 16% with quarterly billing!
-            </button>
-            <span v-else class="bg-transparent p-0 text-sm font-medium text-brand">
-              Save 16% with quarterly billing!
-            </span>
-          </template>
-          <span v-else></span>
-        </div>
-
-        <ul class="m-0 flex w-full grid-cols-3 flex-col gap-8 p-0 lg:grid">
+        <ul class="m-0 mt-8 flex w-full flex-col gap-8 p-0 lg:flex-row">
          <ServerPlanSelector
            :capacity="capacityStatuses?.small?.available"
            plan="small"
@@ -541,12 +616,9 @@
            :storage="plans.small.metadata.storage"
            :cpus="plans.small.metadata.cpu"
            :price="
-              plans.small?.prices?.find((x) => x.currency_code === selectedCurrency)?.prices
-                ?.intervals?.[billingPeriod]
+              plans.small?.prices?.find((x) => x.currency_code === 'USD')?.prices?.intervals
+                ?.monthly
            "
-            :interval="billingPeriod"
-            :currency="selectedCurrency"
-            :is-usa="country.toLowerCase() === 'us'"
            @select="selectProduct('small')"
            @scroll-to-faq="scrollToFaq()"
          />
@@ -557,12 +629,9 @@
            :storage="plans.medium.metadata.storage"
            :cpus="plans.medium.metadata.cpu"
            :price="
-              plans.medium?.prices?.find((x) => x.currency_code === selectedCurrency)?.prices
-                ?.intervals?.[billingPeriod]
+              plans.medium?.prices?.find((x) => x.currency_code === 'USD')?.prices?.intervals
+                ?.monthly
            "
-            :interval="billingPeriod"
-            :currency="selectedCurrency"
-            :is-usa="country.toLowerCase() === 'us'"
            @select="selectProduct('medium')"
            @scroll-to-faq="scrollToFaq()"
          />
@@ -572,13 +641,10 @@
            :storage="plans.large.metadata.storage"
            :cpus="plans.large.metadata.cpu"
            :price="
-              plans.large?.prices?.find((x) => x.currency_code === selectedCurrency)?.prices
-                ?.intervals?.[billingPeriod]
+              plans.large?.prices?.find((x) => x.currency_code === 'USD')?.prices?.intervals
+                ?.monthly
            "
-            :currency="selectedCurrency"
-            :is-usa="country.toLowerCase() === 'us'"
            plan="large"
-            :interval="billingPeriod"
            @select="selectProduct('large')"
            @scroll-to-faq="scrollToFaq()"
          />
@@ -588,9 +654,10 @@
          class="mb-24 flex w-full flex-col items-start justify-between gap-4 rounded-2xl bg-bg p-8 text-left lg:flex-row lg:gap-0"
        >
          <div class="flex flex-col gap-4">
-            <h1 class="m-0">Know exactly what you need?</h1>
+            <h1 class="m-0">Build your own</h1>
            <h2 class="m-0 text-base font-normal text-primary">
-              Pick a customized plan with just the specs you need.
+              If you're a more technical server administrator, you can pick your own RAM and storage
+              options.
            </h2>
          </div>

@@ -599,7 +666,7 @@
          >
            <ButtonStyled color="standard" size="large">
              <button class="w-full md:w-fit" @click="selectProduct('custom')">
-                Get started
+                Build your own
                <RightArrowIcon class="shrink-0" />
              </button>
            </ButtonStyled>
@@ -612,7 +679,7 @@
 </template>

 <script setup>
-import { ButtonStyled, ModrinthServersPurchaseModal } from "@modrinth/ui";
+import { ButtonStyled, PurchaseModal } from "@modrinth/ui";
 import {
  BoxIcon,
  GameIcon,
@@ -623,13 +690,9 @@ import {
  ServerIcon,
 } from "@modrinth/assets";
 import { products } from "~/generated/state.json";
-import { useServersFetch } from "~/composables/servers/servers-fetch.ts";
 import LoaderIcon from "~/components/ui/servers/icons/LoaderIcon.vue";
+import Globe from "~/components/ui/servers/Globe.vue";
 import ServerPlanSelector from "~/components/ui/servers/marketing/ServerPlanSelector.vue";
-import OptionGroup from "~/components/ui/OptionGroup.vue";
-
-const billingPeriods = ref(["monthly", "quarterly"]);
-const billingPeriod = ref(billingPeriods.value.includes("quarterly") ? "quarterly" : "monthly");

 const pyroProducts = products.filter((p) => p.metadata.type === "pyro");
 const pyroPlanProducts = pyroProducts.filter(
@@ -648,6 +711,16 @@ useSeoMeta({
  ogDescription: description,
 });

+useHead({
+  script: [
+    {
+      src: "https://js.stripe.com/v3/",
+      defer: true,
+      async: true,
+    },
+  ],
+});
+
 const auth = await useAuth();
 const data = useNuxtApp();
 const config = useRuntimeConfig();
@@ -667,7 +740,6 @@ const isDeleting = ref(false);
 const typingSpeed = 75;
 const deletingSpeed = 25;
 const pauseTime = 2000;
-const selectedCurrency = ref("USD");

 const loggedOut = computed(() => !auth.value.user);
 const outOfStockUrl = "https://discord.modrinth.com";
@@ -675,23 +747,13 @@ const outOfStockUrl = "https://discord.modrinth.com";
 const { data: hasServers } = await useAsyncData("ServerListCountCheck", async () => {
  try {
    if (!auth.value.user) return false;
-    const response = await useServersFetch("servers");
+    const response = await usePyroFetch("servers");
    return response.servers && response.servers.length > 0;
  } catch {
    return false;
  }
 });

-function fetchStock(region, request) {
-  return useServersFetch(`stock?region=${region.shortcode}`, {
-    method: "POST",
-    body: {
-      ...request,
-    },
-    bypassAuth: true,
-  }).then((res) => res.available);
-}
-
 async function fetchCapacityStatuses(customProduct = null) {
  try {
    const productsToCheck = customProduct?.metadata
@@ -703,7 +765,7 @@ async function fetchCapacityStatuses(customProduct = null) {
          ),
        ];
    const capacityChecks = productsToCheck.map((product) =>
-      useServersFetch("stock", {
+      usePyroFetch("stock", {
        method: "POST",
        body: {
          cpu: product.metadata.cpu,
@@ -779,6 +841,23 @@ const handleError = (err) => {
  });
 };

+const handleModalHidden = () => {
+  showModal.value = false;
+};
+
+watch(selectedProduct, async (newProduct) => {
+  if (newProduct) {
+    showModal.value = false;
+    await nextTick();
+    showModal.value = true;
+    modalKey.value++;
+    await nextTick();
+    if (purchaseModal.value && purchaseModal.value.show) {
+      purchaseModal.value.show();
+    }
+  }
+});
+
 async function fetchPaymentData() {
  if (!auth.value.user) return;
  try {
@@ -875,10 +954,8 @@ const selectProduct = async (product) => {
  modalKey.value++;
  await nextTick();

-  if (product === "custom") {
-    purchaseModal.value?.show(billingPeriod.value);
-  } else {
-    purchaseModal.value?.show(billingPeriod.value, selectedProduct.value);
+  if (purchaseModal.value && purchaseModal.value.show) {
+    purchaseModal.value.show();
  }
 };

@@ -889,82 +966,9 @@ const planQuery = () => {
  }
 };

-const regions = ref([]);
-const regionPings = ref([]);
-
-function pingRegions() {
-  useServersFetch("regions", {
-    method: "GET",
-    version: 1,
-    bypassAuth: true,
-  }).then((res) => {
-    regions.value = res;
-    regions.value.forEach((region) => {
-      runPingTest(region);
-    });
-  });
-}
-
-const PING_COUNT = 20;
-const PING_INTERVAL = 200;
-const MAX_PING_TIME = 1000;
-
-function runPingTest(region, index = 1) {
-  if (index > 10) {
-    regionPings.value.push({
-      region: region.shortcode,
-      ping: -1,
-    });
-    return;
-  }
-
-  const wsUrl = `wss://${region.shortcode}${index}.${region.zone}/pingtest`;
-  try {
-    const socket = new WebSocket(wsUrl);
-    const pings = [];
-
-    socket.onopen = () => {
-      for (let i = 0; i < PING_COUNT; i++) {
-        setTimeout(() => {
-          socket.send(performance.now());
-        }, i * PING_INTERVAL);
-      }
-      setTimeout(
-        () => {
-          socket.close();
-
-          const median = Math.round([...pings].sort((a, b) => a - b)[Math.floor(pings.length / 2)]);
-          if (median) {
-            regionPings.value.push({
-              region: region.shortcode,
-              ping: median,
-            });
-          }
-        },
-        PING_COUNT * PING_INTERVAL + MAX_PING_TIME,
-      );
-    };
-
-    socket.onmessage = (event) => {
-      pings.push(performance.now() - event.data);
-    };
-
-    socket.onerror = (event) => {
-      console.error(
-        `Failed to connect pingtest WebSocket with ${wsUrl}, trying index ${index + 1}:`,
-        event,
-      );
-      runPingTest(region, index + 1);
-    };
-  } catch (error) {
-    console.error(`Failed to connect pingtest WebSocket with ${wsUrl}:`, error);
-  }
-}
-
 onMounted(() => {
  startTyping();
  planQuery();
-  pingRegions();
 });

 watch(customer, (newCustomer) => {
--- a/apps/frontend/src/pages/servers/manage/[id].vue
+++ b/apps/frontend/src/pages/servers/manage/[id].vue
@@ -18,96 +18,160 @@
    v-if="serverData?.status === 'suspended' && serverData.suspension_reason === 'upgrading'"
    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
  >
-    <ErrorInformationCard
-      title="Server upgrading"
-      description="Your server's hardware is currently being upgraded and will be back online shortly!"
-      :icon="TransferIcon"
-      icon-color="blue"
-      :action="generalErrorAction"
-    />
+    <div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
+      <div class="flex flex-col items-center text-center">
+        <div class="flex flex-col items-center gap-4">
+          <div class="grid place-content-center rounded-full bg-bg-blue p-4">
+            <TransferIcon class="size-12 text-blue" />
+          </div>
+          <h1 class="m-0 mb-2 w-fit text-4xl font-bold">Server upgrading</h1>
+        </div>
+        <p class="text-lg text-secondary">
+          Your server's hardware is currently being upgraded and will be back online shortly!
+        </p>
+      </div>
+    </div>
  </div>
  <div
    v-else-if="serverData?.status === 'suspended'"
    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
  >
-    <ErrorInformationCard
-      title="Server suspended"
-      :description="suspendedDescription"
-      :icon="LockIcon"
-      icon-color="orange"
-      :action="suspendedAction"
-    />
+    <div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
+      <div class="flex flex-col items-center text-center">
+        <div class="flex flex-col items-center gap-4">
+          <div class="grid place-content-center rounded-full bg-bg-orange p-4">
+            <LockIcon class="size-12 text-orange" />
+          </div>
+          <h1 class="m-0 mb-2 w-fit text-4xl font-bold">Server suspended</h1>
+        </div>
+        <p class="text-lg text-secondary">
+          {{
+            serverData.suspension_reason === "cancelled"
+              ? "Your subscription has been cancelled."
+              : serverData.suspension_reason
+                ? `Your server has been suspended: ${serverData.suspension_reason}`
+                : "Your server has been suspended."
+          }}
+          <br />
+          Contact Modrinth Support if you believe this is an error.
+        </p>
+      </div>
+      <ButtonStyled size="large" color="brand" @click="() => router.push('/settings/billing')">
+        <button class="mt-6 !w-full">Go to billing settings</button>
+      </ButtonStyled>
+    </div>
  </div>
  <div
    v-else-if="
-      server.moduleErrors?.general?.error.statusCode === 403 ||
-      server.moduleErrors?.general?.error.statusCode === 404
+      server.general?.error?.error.statusCode === 403 ||
+      server.general?.error?.error.statusCode === 404
    "
    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
  >
-    <ErrorInformationCard
-      title="An error occured."
-      description="Please contact Modrinth Support."
-      :icon="TransferIcon"
-      icon-color="orange"
-      :error-details="generalErrorDetails"
-      :action="generalErrorAction"
-    />
-  </div>
-  <div
-    v-else-if="server.moduleErrors?.general?.error.statusCode === 503"
-    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
-  >
-    <ErrorInformationCard
-      title="Server Node Unavailable"
-      :icon="PanelErrorIcon"
-      icon-color="red"
-      :action="nodeUnavailableAction"
-      :error-details="nodeUnavailableDetails"
-    >
-      <template #description>
-        <div class="text-md space-y-4">
-          <p class="leading-[170%] text-secondary">
-            Your server's node, where your Modrinth Server is physically hosted, is experiencing
-            issues. We are working with our datacenter to resolve the issue as quickly as possible.
-          </p>
-          <p class="leading-[170%] text-secondary">
-            Your data is safe and will not be lost, and your server will be back online as soon as
-            the issue is resolved.
-          </p>
-          <p class="leading-[170%] text-secondary">
-            For updates, please join the Modrinth Discord or contact Modrinth Support via the chat
-            bubble in the bottom right corner and we'll be happy to help.
-          </p>
+    <div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
+      <div class="flex flex-col items-center text-center">
+        <div class="flex flex-col items-center gap-4">
+          <div class="grid place-content-center rounded-full bg-bg-orange p-4">
+            <TransferIcon class="size-12 text-orange" />
+          </div>
+          <h1 class="m-0 mb-2 w-fit text-4xl font-bold">Server not found</h1>
        </div>
-      </template>
-    </ErrorInformationCard>
+        <p class="text-lg text-secondary">
+          You don't have permission to view this server or it no longer exists. If you believe this
+          is an error, please contact Modrinth Support.
+        </p>
+      </div>
+      <UiCopyCode :text="JSON.stringify(server.general?.error)" />
+
+      <ButtonStyled size="large" color="brand" @click="() => router.push('/servers/manage')">
+        <button class="mt-6 !w-full">Go back to all servers</button>
+      </ButtonStyled>
+    </div>
  </div>
  <div
-    v-else-if="server.moduleErrors?.general?.error"
+    v-else-if="server.general?.error?.error.statusCode === 503"
    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
  >
-    <ErrorInformationCard
-      title="Connection lost"
-      description=""
-      :icon="TransferIcon"
-      icon-color="orange"
-      :action="connectionLostAction"
-    >
-      <template #description>
-        <div class="space-y-4">
+    <div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
+      <div class="flex flex-col items-center text-center">
+        <div class="flex flex-col items-center gap-4">
+          <div class="grid place-content-center rounded-full bg-bg-red p-4">
+            <UiServersIconsPanelErrorIcon class="size-12 text-red" />
+          </div>
+          <h1 class="m-0 mb-4 w-fit text-4xl font-bold">Server Node Unavailable</h1>
+        </div>
+        <p class="m-0 mb-4 leading-[170%] text-secondary">
+          Your server's node, where your Modrinth Server is physically hosted, is experiencing
+          issues. We are working with our datacenter to resolve the issue as quickly as possible.
+        </p>
+        <p class="m-0 mb-4 leading-[170%] text-secondary">
+          Your data is safe and will not be lost, and your server will be back online as soon as the
+          issue is resolved.
+        </p>
+        <p class="m-0 mb-4 leading-[170%] text-secondary">
+          For updates, please join the Modrinth Discord or contact Modrinth Support via the chat
+          bubble in the bottom right corner and we'll be happy to help.
+        </p>
+
+        <div class="flex flex-col gap-2">
+          <UiCopyCode :text="'Server ID: ' + server.serverId" />
+          <UiCopyCode :text="'Node: ' + server.general?.datacenter" />
+        </div>
+      </div>
+      <ButtonStyled
+        size="large"
+        color="standard"
+        @click="
+          () =>
+            navigateTo('https://discord.modrinth.com', {
+              external: true,
+            })
+        "
+      >
+        <button class="mt-6 !w-full">Join Modrinth Discord</button>
+      </ButtonStyled>
+      <ButtonStyled
+        :disabled="formattedTime !== '00'"
+        size="large"
+        color="standard"
+        @click="() => reloadNuxtApp()"
+      >
+        <button class="mt-3 !w-full">Reload</button>
+      </ButtonStyled>
+    </div>
+  </div>
+  <div
+    v-else-if="server.general?.error"
+    class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
+  >
+    <div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
+      <div class="flex flex-col items-center text-center">
+        <div class="flex flex-col items-center gap-4">
+          <div class="grid place-content-center rounded-full bg-bg-orange p-4">
+            <TransferIcon class="size-12 text-orange" />
+          </div>
+          <h1 class="m-0 mb-2 w-fit text-4xl font-bold">Connection lost</h1>
          <div class="text-center text-secondary">
            {{
              formattedTime == "00" ? "Reconnecting..." : `Retrying in ${formattedTime} seconds...`
            }}
          </div>
-          <p class="text-lg text-secondary">
-            Something went wrong, and we couldn't connect to your server. This is likely due to a
-            temporary network issue. You'll be reconnected automatically.
-          </p>
        </div>
-      </template>
-    </ErrorInformationCard>
+        <p class="text-lg text-secondary">
+          Something went wrong, and we couldn't connect to your server. This is likely due to a
+          temporary network issue. You'll be reconnected automatically.
+        </p>
+      </div>
+      <UiCopyCode :text="JSON.stringify(server.general?.error)" />
+      <ButtonStyled
+        :disabled="formattedTime !== '00'"
+        size="large"
+        color="brand"
+        @click="() => reloadNuxtApp()"
+      >
+        <button class="mt-6 !w-full">Reload</button>
+      </ButtonStyled>
+    </div>
  </div>
  <!-- SERVER START -->
  <div
@@ -143,7 +207,6 @@
            class="server-action-buttons-anim flex w-fit flex-shrink-0"
          >
            <UiServersPanelServerActionButton
-              v-if="!serverData.flows?.intro"
              class="flex-shrink-0"
              :is-online="isServerRunning"
              :is-actioning="isActioning"
@@ -157,14 +220,7 @@
          </div>
        </div>

-        <div
-          v-if="serverData.flows?.intro"
-          class="flex items-center gap-2 font-semibold text-secondary"
-        >
-          <SettingsIcon /> Configuring server...
-        </div>
        <UiServersServerInfoLabels
-          v-else
          :server-data="serverData"
          :show-game-label="showGameLabel"
          :show-loader-label="showLoaderLabel"
@@ -175,189 +231,149 @@
      </div>
    </div>

-    <template v-if="serverData.flows?.intro">
+    <div
+      data-pyro-navigation
+      class="isolate flex w-full select-none flex-col justify-between gap-4 overflow-auto md:flex-row md:items-center"
+    >
+      <UiNavTabs :links="navLinks" />
+    </div>
+
+    <div data-pyro-mount class="h-full w-full flex-1">
      <div
-        v-if="serverData?.status === 'installing'"
-        class="w-50 h-50 flex items-center justify-center gap-2 text-center text-lg font-bold"
+        v-if="error"
+        class="mx-auto mb-4 flex justify-between gap-2 rounded-2xl border-2 border-solid border-red bg-bg-red p-4 font-semibold text-contrast"
      >
-        <LazyUiServersPanelSpinner class="size-10 animate-spin" /> Setting up your server...
-      </div>
-      <div v-else>
-        <h2 class="my-4 text-xl font-extrabold">
-          What would you like to install on your new server?
-        </h2>
+        <div class="flex flex-row gap-4">
+          <IssuesIcon class="hidden h-8 w-8 shrink-0 text-red sm:block" />
+          <div class="flex flex-col gap-2 leading-[150%]">
+            <div class="flex items-center gap-3">
+              <IssuesIcon class="flex h-8 w-8 shrink-0 text-red sm:hidden" />
+              <div class="flex gap-2 text-2xl font-bold">{{ errorTitle }}</div>
+            </div>

-        <ServerInstallation
-          :server="server as ModrinthServer"
-          :backup-in-progress="backupInProgress"
-          ignore-current-installation
-          @reinstall="onReinstall"
-        />
-      </div>
-    </template>
-
-    <template v-else>
-      <div
-        data-pyro-navigation
-        class="isolate flex w-full select-none flex-col justify-between gap-4 overflow-auto md:flex-row md:items-center"
-      >
-        <UiNavTabs :links="navLinks" />
-      </div>
-
-      <div data-pyro-mount class="h-full w-full flex-1">
-        <div
-          v-if="error"
-          class="mx-auto mb-4 flex justify-between gap-2 rounded-2xl border-2 border-solid border-red bg-bg-red p-4 font-semibold text-contrast"
-        >
-          <div class="flex flex-row gap-4">
-            <IssuesIcon class="hidden h-8 w-8 shrink-0 text-red sm:block" />
-            <div class="flex flex-col gap-2 leading-[150%]">
-              <div class="flex items-center gap-3">
-                <IssuesIcon class="flex h-8 w-8 shrink-0 text-red sm:hidden" />
-                <div class="flex gap-2 text-2xl font-bold">{{ errorTitle }}</div>
+            <div v-if="errorTitle.toLocaleLowerCase() === 'installation error'" class="font-normal">
+              <div
+                v-if="errorMessage.toLocaleLowerCase() === 'the specified version may be incorrect'"
+              >
+                An invalid loader or Minecraft version was specified and could not be installed.
+                <ul class="m-0 mt-4 p-0 pl-4">
+                  <li>
+                    If this version of Minecraft was released recently, please check if Modrinth
+                    Servers supports it.
+                  </li>
+                  <li>
+                    If you've installed a modpack, it may have been packaged incorrectly or may not
+                    be compatible with the loader.
+                  </li>
+                  <li>
+                    Your server may need to be reinstalled with a valid mod loader and version. You
+                    can change the loader by clicking the "Change Loader" button.
+                  </li>
+                  <li>
+                    If you're stuck, please contact Modrinth Support with the information below:
+                  </li>
+                </ul>
+                <ButtonStyled>
+                  <button class="mt-2" @click="copyServerDebugInfo">
+                    <CopyIcon v-if="!copied" />
+                    <CheckIcon v-else />
+                    Copy Debug Info
+                  </button>
+                </ButtonStyled>
+              </div>
+              <div v-if="errorMessage.toLocaleLowerCase() === 'internal error'">
+                An internal error occurred while installing your server. Don't fret — try
+                reinstalling your server, and if the problem persists, please contact Modrinth
+                support with your server's debug information.
+              </div>
+              <div v-if="errorMessage.toLocaleLowerCase() === 'this version is not yet supported'">
+                An error occurred while installing your server because Modrinth Servers does not
+                support the version of Minecraft or the loader you specified. Try reinstalling your
+                server with a different version or loader, and if the problem persists, please
+                contact Modrinth Support with your server's debug information.
              </div>

              <div
-                v-if="errorTitle.toLocaleLowerCase() === 'installation error'"
-                class="font-normal"
+                v-if="errorTitle === 'Installation error'"
+                class="mt-2 flex flex-col gap-4 sm:flex-row"
              >
-                <div
-                  v-if="
-                    errorMessage.toLocaleLowerCase() === 'the specified version may be incorrect'
-                  "
-                >
-                  An invalid loader or Minecraft version was specified and could not be installed.
-                  <ul class="m-0 mt-4 p-0 pl-4">
-                    <li>
-                      If this version of Minecraft was released recently, please check if Modrinth
-                      Servers supports it.
-                    </li>
-                    <li>
-                      If you've installed a modpack, it may have been packaged incorrectly or may
-                      not be compatible with the loader.
-                    </li>
-                    <li>
-                      Your server may need to be reinstalled with a valid mod loader and version.
-                      You can change the loader by clicking the "Change Loader" button.
-                    </li>
-                    <li>
-                      If you're stuck, please contact Modrinth Support with the information below:
-                    </li>
-                  </ul>
-                  <ButtonStyled>
-                    <button class="mt-2" @click="copyServerDebugInfo">
-                      <CopyIcon v-if="!copied" />
-                      <CheckIcon v-else />
-                      Copy Debug Info
-                    </button>
-                  </ButtonStyled>
-                </div>
-                <div v-if="errorMessage.toLocaleLowerCase() === 'internal error'">
-                  An internal error occurred while installing your server. Don't fret — try
-                  reinstalling your server, and if the problem persists, please contact Modrinth
-                  support with your server's debug information.
-                </div>
-                <div
-                  v-if="errorMessage.toLocaleLowerCase() === 'this version is not yet supported'"
-                >
-                  An error occurred while installing your server because Modrinth Servers does not
-                  support the version of Minecraft or the loader you specified. Try reinstalling
-                  your server with a different version or loader, and if the problem persists,
-                  please contact Modrinth Support with your server's debug information.
-                </div>
-
-                <div
-                  v-if="errorTitle === 'Installation error'"
-                  class="mt-2 flex flex-col gap-4 sm:flex-row"
-                >
-                  <ButtonStyled v-if="errorLog">
-                    <button @click="openInstallLog"><FileIcon />Open Installation Log</button>
-                  </ButtonStyled>
-                  <ButtonStyled>
-                    <button @click="copyServerDebugInfo">
-                      <CopyIcon v-if="!copied" />
-                      <CheckIcon v-else />
-                      Copy Debug Info
-                    </button>
-                  </ButtonStyled>
-                  <ButtonStyled color="red" type="standard">
-                    <NuxtLink
-                      class="whitespace-pre"
-                      :to="`/servers/manage/${serverId}/options/loader`"
-                    >
-                      <RightArrowIcon />
-                      Change Loader
-                    </NuxtLink>
-                  </ButtonStyled>
-                </div>
+                <ButtonStyled v-if="errorLog">
+                  <button @click="openInstallLog"><FileIcon />Open Installation Log</button>
+                </ButtonStyled>
+                <ButtonStyled>
+                  <button @click="copyServerDebugInfo">
+                    <CopyIcon v-if="!copied" />
+                    <CheckIcon v-else />
+                    Copy Debug Info
+                  </button>
+                </ButtonStyled>
+                <ButtonStyled color="red" type="standard">
+                  <NuxtLink
+                    class="whitespace-pre"
+                    :to="`/servers/manage/${serverId}/options/loader`"
+                  >
+                    <RightArrowIcon />
+                    Change Loader
+                  </NuxtLink>
+                </ButtonStyled>
              </div>
            </div>
          </div>
        </div>
+      </div>

-        <div
-          v-if="!isConnected && !isReconnecting && !isLoading"
-          data-pyro-server-ws-error
-          class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-red p-4 text-contrast"
-        >
-          <IssuesIcon class="size-5 text-red" />
-          Something went wrong...
-        </div>
+      <div
+        v-if="!isConnected && !isReconnecting && !isLoading"
+        data-pyro-server-ws-error
+        class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-red p-4 text-contrast"
+      >
+        <IssuesIcon class="size-5 text-red" />
+        Something went wrong...
+      </div>

-        <div
-          v-if="isReconnecting"
-          data-pyro-server-ws-reconnecting
-          class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-orange p-4 text-sm text-contrast"
-        >
-          <UiServersPanelSpinner />
-          Hang on, we're reconnecting to your server.
-        </div>
+      <div
+        v-if="isReconnecting"
+        data-pyro-server-ws-reconnecting
+        class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-orange p-4 text-sm text-contrast"
+      >
+        <UiServersPanelSpinner />
+        Hang on, we're reconnecting to your server.
+      </div>

-        <div
-          v-if="serverData.status === 'installing'"
-          data-pyro-server-installing
-          class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-blue p-4 text-sm text-contrast"
-        >
-          <UiServersServerIcon :image="serverData.image" class="!h-10 !w-10" />
+      <div
+        v-if="serverData.status === 'installing'"
+        data-pyro-server-installing
+        class="mb-4 flex w-full flex-row items-center gap-4 rounded-2xl bg-bg-blue p-4 text-sm text-contrast"
+      >
+        <UiServersServerIcon :image="serverData.image" class="!h-10 !w-10" />

-          <div class="flex flex-col gap-1">
-            <span class="text-lg font-bold"> We're preparing your server! </span>
-            <div class="flex flex-row items-center gap-2">
-              <UiServersPanelSpinner class="!h-3 !w-3" /> <LazyUiServersInstallingTicker />
-            </div>
+        <div class="flex flex-col gap-1">
+          <span class="text-lg font-bold"> We're preparing your server! </span>
+          <div class="flex flex-row items-center gap-2">
+            <UiServersPanelSpinner class="!h-3 !w-3" /> <LazyUiServersInstallingTicker />
          </div>
        </div>
-        <NuxtPage
-          :route="route"
-          :is-connected="isConnected"
-          :is-ws-auth-incorrect="isWSAuthIncorrect"
-          :is-server-running="isServerRunning"
-          :stats="stats"
-          :server-power-state="serverPowerState"
-          :power-state-details="powerStateDetails"
-          :socket="socket"
-          :server="server"
-          :backup-in-progress="backupInProgress"
-          @reinstall="onReinstall"
-        />
      </div>
-    </template>
-  </div>
-  <div
-    v-if="flags.advancedDebugInfo"
-    class="experimental-styles-within relative mx-auto mt-6 box-border w-full min-w-0 max-w-[1280px] px-6"
-  >
-    <h2 class="m-0 text-lg font-extrabold text-contrast">Server data</h2>
-    <pre class="markdown-body w-full overflow-auto rounded-2xl bg-bg-raised p-4 text-sm">{{
-      JSON.stringify(server, null, "  ")
-    }}</pre>
+      <NuxtPage
+        :route="route"
+        :is-connected="isConnected"
+        :is-ws-auth-incorrect="isWSAuthIncorrect"
+        :is-server-running="isServerRunning"
+        :stats="stats"
+        :server-power-state="serverPowerState"
+        :power-state-details="powerStateDetails"
+        :socket="socket"
+        :server="server"
+        :backup-in-progress="backupInProgress"
+        @reinstall="onReinstall"
+      />
+    </div>
  </div>
 </template>

 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted, watch, type Reactive } from "vue";
+import { ref, computed, onMounted, onUnmounted, watch } from "vue";
 import {
-  SettingsIcon,
  CopyIcon,
  IssuesIcon,
  LeftArrowIcon,
@@ -368,23 +384,14 @@ import {
  LockIcon,
 } from "@modrinth/assets";
 import DOMPurify from "dompurify";
-import { ButtonStyled, ErrorInformationCard, ServerNotice } from "@modrinth/ui";
+import { ButtonStyled, ServerNotice } from "@modrinth/ui";
 import { Intercom, shutdown } from "@intercom/messenger-js-sdk";
-import type { MessageDescriptor } from "@vintl/vintl";
-import type {
-  ServerState,
-  Stats,
-  WSEvent,
-  WSInstallationResultEvent,
-  Backup,
-  PowerAction,
-} from "@modrinth/utils";
 import { reloadNuxtApp, navigateTo } from "#app";
-import { useModrinthServersConsole } from "~/store/console.ts";
-import { useServersFetch } from "~/composables/servers/servers-fetch.ts";
-import { ModrinthServer, useModrinthServers } from "~/composables/servers/modrinth-servers.ts";
-import ServerInstallation from "~/components/ui/servers/ServerInstallation.vue";
-import PanelErrorIcon from "~/components/ui/servers/icons/PanelErrorIcon.vue";
+import type { MessageDescriptor } from "@vintl/vintl";
+import type { ServerState, Stats, WSEvent, WSInstallationResultEvent } from "~/types/servers";
+import { usePyroConsole } from "~/store/console.ts";
+import { type Backup } from "~/composables/pyroServers.ts";
+import { usePyroFetch } from "~/composables/pyroFetch.ts";

 const app = useNuxtApp() as unknown as { $notify: any };

@@ -394,7 +401,6 @@ const isLoading = ref(true);
 const reconnectInterval = ref<ReturnType<typeof setInterval> | null>(null);
 const isFirstMount = ref(true);
 const isMounted = ref(true);
-const flags = useFeatureFlags();

 const INTERCOM_APP_ID = ref("ykeritl9");
 const auth = (await useAuth()) as unknown as {
@@ -411,19 +417,19 @@ const route = useNativeRoute();
 const router = useRouter();
 const serverId = route.params.id as string;

-const server: Reactive<ModrinthServer> = await useModrinthServers(serverId, ["general", "ws"]);
+const server = await usePyroServer(serverId, ["general", "ws"]);

 const loadModulesPromise = Promise.resolve().then(() => {
  if (server.general?.status === "suspended") {
    return;
  }
-  return server.refresh(["content", "backups", "network", "startup", "fs", "scheduling"]);
+  return server.loadModules(["content", "backups", "network", "startup", "fs"]);
 });

 provide("modulesLoaded", loadModulesPromise);

 watch(
-  () => [server.moduleErrors?.general, server.moduleErrors?.ws],
+  () => [server.general?.error, server.ws?.error],
  ([generalError, wsError]) => {
    if (server.general?.status === "suspended") return;

@@ -441,7 +447,7 @@ const errorLogFile = ref("");
 const serverData = computed(() => server.general);
 const isConnected = ref(false);
 const isWSAuthIncorrect = ref(false);
-const modrinthServersConsole = useModrinthServersConsole();
+const pyroConsole = usePyroConsole();
 const cpuData = ref<number[]>([]);
 const ramData = ref<number[]>([]);
 const isActioning = ref(false);
@@ -615,7 +621,7 @@ const connectWebSocket = () => {
        return;
      }

-      modrinthServersConsole.clear();
+      pyroConsole.clear();
      socket.value?.send(JSON.stringify({ event: "auth", jwt: wsAuth.value?.token }));
      isConnected.value = true;
      isReconnecting.value = false;
@@ -623,7 +629,7 @@ const connectWebSocket = () => {

      if (firstConnect.value) {
        for (let i = 0; i < initialConsoleMessage.length; i++) {
-          modrinthServersConsole.addLine(initialConsoleMessage[i]);
+          pyroConsole.addLine(initialConsoleMessage[i]);
        }
      }

@@ -646,9 +652,7 @@ const connectWebSocket = () => {

    socket.value.onclose = () => {
      if (isMounted.value) {
-        modrinthServersConsole.addLine(
-          "\nSomething went wrong with the connection, we're reconnecting...",
-        );
+        pyroConsole.addLine("\nSomething went wrong with the connection, we're reconnecting...");
        isConnected.value = false;
        scheduleReconnect();
      }
@@ -697,7 +701,7 @@ const startUptimeUpdates = () => {
 const stopUptimeUpdates = () => {
  if (uptimeIntervalId) {
    clearInterval(uptimeIntervalId);
-    pollingIntervalId = null;
+    intervalId = null;
  }
 };

@@ -706,7 +710,7 @@ const handleWebSocketMessage = (data: WSEvent) => {
    case "log":
      // eslint-disable-next-line no-case-declarations
      const log = data.message.split("\n").filter((l) => l.trim());
-      modrinthServersConsole.addLines(log);
+      pyroConsole.addLines(log);
      break;
    case "stats":
      updateStats(data);
@@ -808,10 +812,6 @@ const newLoaderVersion = ref<string | null>(null);
 const newMCVersion = ref<string | null>(null);

 const onReinstall = (potentialArgs: any) => {
-  if (serverData.value?.flows?.intro) {
-    server.general?.endIntro();
-  }
-
  if (!serverData.value) return;

  serverData.value.status = "installing";
@@ -967,11 +967,11 @@ const toAdverb = (word: string) => {
  return word + "ing";
 };

-const sendPowerAction = async (action: PowerAction) => {
+const sendPowerAction = async (action: "restart" | "start" | "stop" | "kill") => {
  const actionName = action.charAt(0).toUpperCase() + action.slice(1);
  try {
    isActioning.value = true;
-    await server.general?.power(action);
+    await server.general?.power(actionName);
  } catch (error) {
    console.error(`Error ${toAdverb(actionName)} server:`, error);
    notifyError(
@@ -992,7 +992,7 @@ const notifyError = (title: string, text: string) => {
  });
 };

-let pollingIntervalId: ReturnType<typeof setInterval> | null = null;
+let intervalId: ReturnType<typeof setInterval> | null = null;
 const countdown = ref(15);

 const formattedTime = computed(() => {
@@ -1036,142 +1036,23 @@ const backupInProgress = computed(() => {
 });

 const stopPolling = () => {
-  if (pollingIntervalId) {
-    clearTimeout(pollingIntervalId);
-    pollingIntervalId = null;
+  if (intervalId) {
+    clearInterval(intervalId);
+    intervalId = null;
  }
 };

 const startPolling = () => {
-  stopPolling();
-
-  let retryCount = 0;
-  const maxRetries = 10;
-
-  const poll = async () => {
-    try {
-      await server.refresh(["general", "ws"]);
-
-      if (!server.moduleErrors?.general?.error) {
-        stopPolling();
-        connectWebSocket();
-        return;
-      }
-
-      retryCount++;
-      if (retryCount >= maxRetries) {
-        console.error("Max retries reached, stopping polling");
-        stopPolling();
-        return;
-      }
-
-      // Exponential backoff: 3s, 6s, 12s, 24s, etc.
-      const delay = Math.min(3000 * Math.pow(2, retryCount - 1), 60000);
-
-      pollingIntervalId = setTimeout(poll, delay);
-    } catch (error) {
-      console.error("Polling failed:", error);
-      retryCount++;
-
-      if (retryCount < maxRetries) {
-        const delay = Math.min(3000 * Math.pow(2, retryCount - 1), 60000);
-        pollingIntervalId = setTimeout(poll, delay);
-      }
+  countdown.value = 15;
+  intervalId = setInterval(() => {
+    if (countdown.value <= 0) {
+      reloadNuxtApp();
+    } else {
+      countdown.value--;
    }
-  };
-
-  poll();
+  }, 1000);
 };

-const nodeUnavailableDetails = computed(() => [
-  {
-    label: "Server ID",
-    value: server.serverId,
-    type: "inline" as const,
-  },
-  {
-    label: "Node",
-    value: server.general?.datacenter ?? "Unknown! Please contact support!",
-    type: "inline" as const,
-  },
-]);
-
-const suspendedDescription = computed(() => {
-  if (serverData.value?.suspension_reason === "cancelled") {
-    return "Your subscription has been cancelled.\nContact Modrinth Support if you believe this is an error.";
-  }
-  if (serverData.value?.suspension_reason) {
-    return `Your server has been suspended: ${serverData.value.suspension_reason}\nContact Modrinth Support if you believe this is an error.`;
-  }
-  return "Your server has been suspended.\nContact Modrinth Support if you believe this is an error.";
-});
-
-const generalErrorDetails = computed(() => [
-  {
-    label: "Server ID",
-    value: server.serverId,
-    type: "inline" as const,
-  },
-  {
-    label: "Timestamp",
-    value: String(server.moduleErrors?.general?.timestamp),
-    type: "inline" as const,
-  },
-  {
-    label: "Error Name",
-    value: server.moduleErrors?.general?.error.name,
-    type: "inline" as const,
-  },
-  {
-    label: "Error Message",
-    value: server.moduleErrors?.general?.error.message,
-    type: "block" as const,
-  },
-  ...(server.moduleErrors?.general?.error.originalError
-    ? [
-        {
-          label: "Original Error",
-          value: String(server.moduleErrors.general.error.originalError),
-          type: "hidden" as const,
-        },
-      ]
-    : []),
-  ...(server.moduleErrors?.general?.error.stack
-    ? [
-        {
-          label: "Stack Trace",
-          value: server.moduleErrors.general.error.stack,
-          type: "hidden" as const,
-        },
-      ]
-    : []),
-]);
-
-const suspendedAction = computed(() => ({
-  label: "Go to billing settings",
-  onClick: () => router.push("/settings/billing"),
-  color: "brand" as const,
-}));
-
-const generalErrorAction = computed(() => ({
-  label: "Go back to all servers",
-  onClick: () => router.push("/servers/manage"),
-  color: "brand" as const,
-}));
-
-const nodeUnavailableAction = computed(() => ({
-  label: "Join Modrinth Discord",
-  onClick: () => navigateTo("https://discord.modrinth.com", { external: true }),
-  color: "standard" as const,
-}));
-
-const connectionLostAction = computed(() => ({
-  label: "Reload",
-  onClick: () => reloadNuxtApp(),
-  color: "brand" as const,
-  disabled: formattedTime.value !== "00",
-}));
-
 const copyServerDebugInfo = () => {
  const debugInfo = `Server ID: ${serverData.value?.server_id}\nError: ${errorMessage.value}\nKind: ${serverData.value?.upstream?.kind}\nProject ID: ${serverData.value?.upstream?.project_id}\nVersion ID: ${serverData.value?.upstream?.version_id}\nLog: ${errorLog.value}`;
  navigator.clipboard.writeText(debugInfo);
@@ -1223,7 +1104,7 @@ const cleanup = () => {
 };

 async function dismissNotice(noticeId: number) {
-  await useServersFetch(`servers/${serverId}/notices/${noticeId}/dismiss`, {
+  await usePyroFetch(`servers/${serverId}/notices/${noticeId}/dismiss`, {
    method: "POST",
  }).catch((err) => {
    app.$notify({
@@ -1242,18 +1123,14 @@ onMounted(() => {
    isLoading.value = false;
    return;
  }
-  if (server.moduleErrors.general?.error) {
-    if (!server.moduleErrors.general?.error?.message?.includes("Forbidden")) {
+  if (server.error) {
+    if (!server.error.message.includes("Forbidden")) {
      startPolling();
    }
  } else {
    connectWebSocket();
  }

-  if (server.general?.flows?.intro && server.general?.project) {
-    server.general?.endIntro();
-  }
-
  if (username.value && email.value && userId.value && createdAt.value) {
    const currentUser = auth.value?.user as any;
    const matches =
--- a/Show More
+++ b/Show More