From 693a371d61fa7f7e1543f58e809511cf7a2d507f Mon Sep 17 00:00:00 2001
From: Truman Gao <106889354+tdgao@users.noreply.github.com>
Date: Sun, 12 Apr 2026 15:38:08 -0600
Subject: [PATCH] feat: server management in app (#5628)

* start new server settings tabs

* update properties tab to match design

* better stying in general tab

* feat: add suffix input for hostname field

* implement tables for allocations and DNS records

* add tags for dns record type

* small gap adjustment

* polish advanced page

* adjust properties page hierarchy

* fix searching properties, empty state and projection radius appearing

* pnpm prepr

* update copy to match designs

* fix suffix input component

* style fixes and match heading size

* small fix

* fix search allocations placeholder

* adjust table styles

* move all installation settings helper text to below input

* update icon to use overflow menu buttons

* fix modal to be consistent

* open advanced properties when search

* remove other and custom properties, and update styles

* remove hide/show all java versions

* handle mc 26

* refactor: move server settings pages into /ui and add app ServerSettingsModal

* hook up server pages for app

* add server page header to app

* hook up server settings modal

* use large size

* fix card box shadow style

* fix hostname input for app

* fix app/website card containers

* implement external tabs for billing and admin billing

* fix save banner fixed to parent instead of page body

* remove unused prop to FriendsList causing warning in app

* fix client-only not available for app

* fix bottom cut off

* wire node auth

* implement full copy buttons

* dedup copy button tailwind styles

* fix hover class not working in @apply

* fix spacing

* fix error validation styles

* apply consistent styles and spacing

* feat: update hosting server card (#5609)

* fix type errors

* fix some stylesheets not imported for storybook

* add server listing stories

* add fix for frontend stylesheet imports

* remove props.

* convert copy code to use tailwind

* update server listing component styles

* update server info label styles

* start status/player count info label, more style updates and fixes

* add new server card buttons

* hook up server cards and implement updated styles

* hook up on download button

* fix tauri throwing error when api returns 204 No Content

* hook up purchase server modal in app

* fix upgrading state loading icon

* pnpm prepr

* filter out servers past 30 days after cancellation

* do not apply opacity on lock or spiner icons

* fix disabled server icon background

* update pending change stage

* handle known suspension states

* refactor: reduce code duplication for server listing

* update disabled state text color

* fix loading icon color

* clean up copy

* fix disabled opacity for server card

* update server listing files kept to be countdown

* implement resubscribe modal

* implement proper provisioning state for resubscribe

* fix duplicate attribute and pnpm prepr

* feat: add shared UI package auth DI

* feat: update purchase server flow (#5714)

* implement server list empty state component

* fix stories and adjust spacing

* implement select plan design refresh

* implement auth for empty server list

* use refs instead of reactive

* pnpm prepr

* fix auth usage for empty servers list

* move app auth provider setup to src/providers/setup

* pnpm prepr

* fix max height

* style fix

* fix getCreds no auth is blocking api client

* implement servers guest plan modal and signin which redirects back to modal's next step

* refactor guest plan select logic into provider

* implement sign in or create account popup

* remove force empty serverList

* add download button for suspended mod and generic

* add handling for when user logs out

* QA pass style fixes

* more consistent page styles

* fix duplicate export

* refactor: remove all fallback stuff from resubscribe modal

* implement shared download latest backup util

* i18n pass

* pnpm prepr

* fix region being selected if ping failed

* pnpm prepr

* feat: servers in app finalization (#5744)

* feat: start on shared console implementation into logs and overview pages

* fix: terminal gap issues

* feat: swap word wrap for full screen

* fix: stats cards alignment

* fix: stats

* feat: fix console clear + remove copy

* fix: lint

* fix: use reset not clear

* feat: shared server header & overview page for app and website (#5736)

* feat: implement shared server header for app and website

* feat: implement wrapped overview page with shared composable and hook it up

* pnpm prepr

* fix: bugs

* qa: cleanup

* feat: root.vue shared layout

* feat: delete old options pages + fix discovery frontend

* fix: discovery

* fix: misc style/layout issues

* fix page padding

* fix: modal height jankiness

* feat: implement server install content in app and server setup modal with DI

* fix: spacing

* remove servers in app feature flag

* Revert "remove servers in app feature flag"

This reverts commit 86e284c4bdd6fa42c3c8fbaf1efbec41f4d1c6d2.

* fix: qa

* feat: remove legacy components from apps/frontend/src/components/ui/servers

---------

Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

* qa pass (#5738)

* fix: qa

* feat: qa

* fix: server icon fetch fails due to global node auth race condition overriding each other

* fix: lint

* fix: server icon upload/sync and centralize logic

* fix: server settings modal not closing for server reset

* fix: better server sorting

* feat: copy address in server listing card

* fix: notification panel in modal and when overlapping with action bar

* fix: empty server list empty state flashing when refresh, fixed by adding isReady auth flag

* feat: use floating action bar for save banner

* fix: saving state in save bar

* fix: edit server icon styling

* fix: confirm modal to have consistent buttons

* feat: loading animation for server panel + caching improvements for app

* pnpm prepr

* feat: search page deduplication (#5754)

* fix: action bar behind modal

* fix: remove warning modal for stopping

* fix: server cards states

* we hate webkit we hate webkit

* fix: update allocation creation to not use modal

* fix: properties tab spacing and styles

* feat: add files tab copy

* fix: advanced properties icon

* fix: remove back to all servers link

* feat: add files tab link in copy

* fix: server header styles to be consistent with instance

* fix: add header icons back

* feat: update instance settings icon to be consistent

* fix: icon container

* feat: upload state persistence across tabs

* fix: server labels text wrapping

* fix: use surface-5 border

* fix: loading spinner showing with onboarding below

* feat: new server button shows purchase modal in website

* fix: billing page not showing quarterly interval

* fix: server downgrade not showing updated subscription notification

* fix: server settings invalidate saved state and remove server context provider since its already provided in the page

* pnpm prepr

* add stripe publishable key to app build

* feat: console highlighting

* fix: rename servers title to modrinth hosting

* feat: search fix

* fix: qa/styles

* fix: ip click active and remove power dont ask again

* fix: qa

* feat: highlighting fix console

* fix: disable conflicts action

* fix: error dismiss bug

* feat: modal clarification

* fix: files perms issue

* fix: lint

* feat: modal fix

* enable show uptime

* fix: add loading state to edit server icon

* fix: notification panel take in has sidebar from settings

* fix: consistency pass on app settings

* fix: consistency pass on instance settings

* pnpm prepr

* fix: nagivate to billing button in app to go to website

* fix: stripe return url in app causing app to open modrinth.com in tauri

* refactor: better show polling UI code

* fix: new server polling comparison to use server ids instead of length

* fix: buttonstyled story

* fix: button styling

* fix: content.vue regression

* feat: project url redirects

* fix: breadcrumbs

* fix: purchase with newly added card

* fix: console ordering problems

* fix: app-frontend missing env config and staging environment

* fix: log syncing for instances and server panel accidentally

* fix: QA issues

* fix: server page loading state

* fix: stats card logic

* fix: lint

* fix: qa

* fix: console height padding

* fix: terminal padding + loading indicator

* feat: update medal server listing styling

* fix: no upgrade button for medal server listing in app

* fix: go to overview instead of content tab after onboarding

* fix: qa

* fix: teleport modals to body

* fix: logs tab + qa

* fix: local storage for user preferences

* fix: qa loading indic

* feat: considitonal debug and trace

* fix: jump to top on install bug

* feat: swap out server hard drive icon to server stack icon

* feat: servers in app feature flag default true

* fix: highlight row ufll

* fix: webkit thing onto a tag

* fix: input field

* fix: clear fix

* fix: lint

* fix: fmt

* feat: improve share modal and bring it back for sharing log

* pnpm prepr

* fix: menu overflowing

* feat: remove servers in app feature flag

* fix: server stat charts no longer showing color

* fix: library nav no primary state

* fix: better modal height and width

* fix: highlighting bugs

* fix: empty states

* fix: delay import to fix overview page slow load on MacOS

* fix: medal server listing too bright on light mode

* fix: admon analysis + fix logs

* fix: bug

* fix: clear purchase intent from sign-in after closing modal

* performance: improve server manage stats loading by splitting reactivity

* fix: deploy + admon + disable highlighting

* fix: clippy

---------

Co-authored-by: tdgao <mr.trumgao@gmail.com>
Co-authored-by: Truman Gao <106889354+tdgao@users.noreply.github.com>

* feat: temp wrangler

* fix: lint

* fix: logs upload

* fix: console empty state and admon regressions

* fix: fields

* feat: log deleting + prefetch for Logs.vue

* feat: move delete before share

* feat: clear endpoint

* feat: we ball!

---------

Co-authored-by: Calum H. <calum@modrinth.com>
Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
---
 .github/workflows/theseus-build.yml           |    3 +
 .vscode/settings.json                         |    4 +-
 apps/app-frontend/src/App.vue                 |   85 +-
 .../src/assets/stylesheets/global.scss        |   75 +-
 .../src/components/ui/NavButton.vue           |    1 +
 .../src/components/ui/SearchCard.vue          |  142 --
 .../src/components/ui/URLConfirmModal.vue     |   33 +-
 .../ui/instance_settings/GeneralSettings.vue  |  201 +-
 .../ui/instance_settings/HooksSettings.vue    |   34 +-
 .../ui/instance_settings/JavaSettings.vue     |   14 +-
 .../ui/instance_settings/WindowSettings.vue   |   20 +-
 .../components/ui/modal/AppSettingsModal.vue  |    2 +-
 .../ui/settings/AppearanceSettings.vue        |   32 +-
 .../ui/settings/DefaultInstanceSettings.vue   |  222 +--
 .../ui/settings/FeatureFlagSettings.vue       |   42 +-
 .../components/ui/settings/JavaSettings.vue   |   26 +-
 .../ui/settings/LanguageSettings.vue          |    2 +-
 .../ui/settings/PrivacySettings.vue           |   12 +-
 .../settings/ResourceManagementSettings.vue   |  132 +-
 .../src/composables/useInstanceConsole.ts     |   92 +
 apps/app-frontend/src/config.ts               |   18 +
 apps/app-frontend/src/helpers/events.js       |   20 +
 apps/app-frontend/src/helpers/logs.js         |   10 +
 apps/app-frontend/src/pages/Browse.vue        | 1141 +++++-------
 apps/app-frontend/src/pages/Servers.vue       |   26 +
 .../src/pages/hosting/manage/Backups.vue      |    9 +
 .../src/pages/hosting/manage/Content.vue      |    7 +
 .../src/pages/hosting/manage/Files.vue        |    7 +
 .../src/pages/hosting/manage/Index.vue        |  113 ++
 .../src/pages/hosting/manage/Overview.vue     |    7 +
 .../src/pages/hosting/manage/index.js         |    7 +
 apps/app-frontend/src/pages/index.js          |    3 +-
 .../app-frontend/src/pages/instance/Index.vue |   17 +-
 apps/app-frontend/src/pages/instance/Logs.vue |  642 ++-----
 .../src/pages/instance/Worlds.vue             |   33 +-
 apps/app-frontend/src/providers/setup/auth.ts |    4 +-
 .../providers/setup/server-install-content.ts |  393 ++++
 apps/app-frontend/src/routes.js               |   53 +-
 apps/app-frontend/src/store/theme.ts          |    1 -
 apps/app-frontend/tsconfig.app.json           |    4 +-
 apps/app-frontend/vite.config.ts              |   20 +-
 apps/app/build.rs                             |    2 +
 apps/app/capabilities/plugins.json            |    7 +-
 apps/app/src/api/logs.rs                      |   17 +
 apps/app/src/main.rs                          |    3 +
 apps/app/tauri.conf.json                      |    6 +-
 .../src/assets/styles/components.scss         |   17 +
 apps/frontend/src/assets/styles/global.scss   |    6 +-
 .../servers => brand}/ModrinthServersIcon.vue |    0
 .../notice => admin}/AssignNoticeModal.vue    |    0
 .../components/ui/servers/LoaderSelector.vue  |   96 -
 .../ui/servers/LoaderSelectorCard.vue         |   68 -
 .../src/components/ui/servers/LogLine.vue     |   91 -
 .../ui/servers/PanelServerActionButton.vue    |  276 ---
 .../ui/servers/PanelServerStatus.vue          |   75 -
 .../components/ui/servers/PanelSpinner.vue    |   22 -
 .../components/ui/servers/PanelTerminal.vue   | 1414 ---------------
 .../PlatformChangeModpackVersionModal.vue     |  163 --
 .../ui/servers/PlatformVersionSelectModal.vue |  538 ------
 .../src/components/ui/servers/SaveBanner.vue  |   90 -
 .../components/ui/servers/ServerSidebar.vue   |   52 -
 .../src/components/ui/servers/ServerStats.vue |  256 ---
 .../ui/servers/TeleportOverflowMenu.vue       |  438 -----
 .../ui/servers/icons/ChevronDownIcon.vue      |   16 -
 .../ui/servers/icons/ChevronUpIcon.vue        |   16 -
 .../ui/servers/icons/CodeFileIcon.vue         |   18 -
 .../ui/servers/icons/CogFolderIcon.vue        |   26 -
 .../components/ui/servers/icons/EarthIcon.vue |   20 -
 .../ui/servers/icons/FullscreenIcon.vue       |   19 -
 .../ui/servers/icons/ImageFileIcon.vue        |   18 -
 .../ui/servers/icons/LoaderIcon.vue           |   15 -
 .../ui/servers/icons/LoadingIcon.vue          |    9 -
 .../ui/servers/icons/MinimizeIcon.vue.vue     |   19 -
 .../ui/servers/icons/PanelErrorIcon.vue       |   16 -
 .../components/ui/servers/icons/SlashIcon.vue |   10 -
 .../ui/servers/icons/TextFileIcon.vue         |   20 -
 .../src/components/ui/servers/icons/Timer.vue |   17 -
 .../ui/servers/notice/NoticeDashboardItem.vue |  127 --
 .../src/components/ui/thread/ThreadView.vue   |    3 +-
 .../composables/servers/use-server-image.ts   |  131 --
 apps/frontend/src/error.vue                   |    1 +
 apps/frontend/src/layouts/default.vue         |    7 +-
 apps/frontend/src/locales/en-US/index.json    |   74 +-
 .../frontend/src/pages/admin/billing/[id].vue |    4 +-
 .../src/pages/admin/servers/notices.vue       |    2 +-
 apps/frontend/src/pages/discover.vue          |    1 -
 .../src/pages/discover/[type]/index.vue       | 1151 +++---------
 apps/frontend/src/pages/hosting/index.vue     |    2 +-
 .../src/pages/hosting/manage/[id].vue         | 1612 +----------------
 .../src/pages/hosting/manage/[id]/index.vue   |  729 +-------
 .../src/pages/hosting/manage/[id]/options.vue |   69 -
 .../hosting/manage/[id]/options/billing.vue   |   12 -
 .../hosting/manage/[id]/options/index.vue     |  335 ----
 .../hosting/manage/[id]/options/info.vue      |  154 --
 .../hosting/manage/[id]/options/network.vue   |  507 ------
 .../manage/[id]/options/preferences.vue       |  113 --
 .../manage/[id]/options/properties.vue        |  292 ---
 .../hosting/manage/[id]/options/startup.vue   |  287 ---
 .../src/pages/hosting/manage/index.vue        |    3 +-
 .../src/pages/settings/billing/index.vue      |  149 +-
 apps/frontend/src/providers/setup/auth.ts     |    1 +
 .../src/providers/setup/page-context.ts       |    1 +
 apps/frontend/src/store/console.ts            |  165 +-
 apps/frontend/wrangler.jsonc                  |    4 +-
 packages/api-client/CLAUDE.md                 |   16 +
 .../api-client/src/core/abstract-client.ts    |    4 +
 .../api-client/src/features/panel-version.ts  |    4 +-
 .../api-client/src/modules/archon/types.ts    |   11 +
 packages/api-client/src/modules/index.ts      |    6 +
 .../api-client/src/modules/kyros/files/v0.ts  |   77 +
 .../api-client/src/modules/kyros/logs/v1.ts   |   17 +
 .../src/modules/mclogs/insights/v1.ts         |   19 +
 .../api-client/src/modules/mclogs/logs/v1.ts  |   19 +
 .../api-client/src/modules/mclogs/types.ts    |   63 +
 packages/api-client/src/modules/types.ts      |    1 +
 packages/api-client/src/platform/tauri.ts     |   34 +-
 packages/app-lib/.env.prod                    |    1 +
 .../app-lib/.env.prod-with-staging-archon     |   12 +
 packages/app-lib/.env.staging                 |    1 +
 packages/app-lib/src/api/logs.rs              |   20 +
 packages/app-lib/src/event/mod.rs             |   23 +
 packages/app-lib/src/state/process.rs         |  335 ++--
 packages/assets/generated-icons.ts            |    8 +-
 packages/assets/icons/server-stack.svg        |   18 +
 packages/assets/icons/server.svg              |   19 +-
 packages/assets/icons/wrap-text.svg           |    7 +
 packages/assets/styles/classes.scss           |    2 -
 packages/ui/.storybook/preview.ts             |   72 +-
 packages/ui/CLAUDE.md                         |   14 +
 packages/ui/package.json                      |    5 +-
 .../ui/src/components/base/BaseTerminal.vue   |  221 ++-
 .../ui/src/components/base/ButtonStyled.vue   |    7 +-
 .../components/base/CollapsibleAdmonition.vue |  196 ++
 .../src/components/base/ContentPageHeader.vue |   46 +-
 packages/ui/src/components/base/CopyCode.vue  |   45 +-
 .../ui/src/components/base/FilterPills.vue    |   53 +
 .../src/components/base/FloatingActionBar.vue |    2 +-
 packages/ui/src/components/base/NavTabs.vue   |    2 +-
 packages/ui/src/components/base/Table.vue     |   10 +-
 .../components/base/TeleportOverflowMenu.vue  |    6 +-
 packages/ui/src/components/base/index.ts      |    4 +
 .../billing/ModalBasedServerPlan.vue          |  149 --
 .../billing/ModrinthServersPurchaseModal.vue  |   54 +-
 .../components/billing/ResubscribeModal.vue   |  287 +++
 .../billing/ServersGuestPlanModal.vue         |  169 ++
 .../billing/ServersPurchase0Plan.vue          |  327 +++-
 .../billing/ServersPurchase1Region.vue        |   13 +-
 .../billing/ServersPurchase3Review.vue        |   11 +-
 .../billing/ServersUpgradeModalWrapper.vue    |   40 +-
 packages/ui/src/components/billing/index.ts   |    2 +
 .../ui/src/components/modal/ConfirmModal.vue  |   16 +-
 .../ui/src/components/modal/ShareModal.vue    |  171 +-
 .../ui/src/components/modal/TabbedModal.vue   |   38 +-
 .../components/modal/UploadProgressModal.vue  |   50 +
 packages/ui/src/components/modal/index.ts     |    1 +
 .../src/components/nav/NotificationPanel.vue  |   12 +-
 .../components/project/card/ProjectCard.vue   |    3 +-
 .../components/search/SearchFilterControl.vue |    8 +-
 .../ui/src/components/servers/SaveBanner.vue  |   68 +
 .../src/components/servers/ServerListing.vue  |  594 ++++--
 .../servers/ServerSettingsModal.vue           |  232 +++
 .../components/servers/ServerSetupModal.vue   |   63 +-
 .../edit-server-icon/EditServerIcon.vue       |  264 +++
 .../components/servers/icons/ServerIcon.vue   |   21 +-
 packages/ui/src/components/servers/index.ts   |    7 +-
 .../components/servers/labels/Separator.vue   |    3 +
 .../servers/labels/ServerGameLabel.vue        |   37 +-
 .../servers/labels/ServerInfoLabels.vue       |   16 +-
 .../servers/labels/ServerLoaderLabel.vue      |   31 +-
 .../servers/labels/ServerPlayerCount.vue      |   17 +
 .../servers/labels/ServerSubdomainLabel.vue   |   22 +-
 .../servers/labels/ServerUptimeLabel.vue      |   10 +-
 .../marketing/MedalServerCountdown.vue        |   34 +-
 .../servers/marketing/MedalServerListing.vue  |  302 +--
 .../src/components/servers/marketing/index.ts |    1 +
 .../server-header/PanelServerActionButton.vue |   64 +
 .../server-header/PanelServerOverflowMenu.vue |   85 +
 .../server-header/ServerManageHeader.vue      |  179 ++
 .../components/servers/server-header/index.ts |    3 +
 .../server-header/use-server-power-action.ts  |   80 +
 .../server-list-empty/ServerListEmpty.vue     |  313 ++++
 .../grid-images/aircraft.png                  |  Bin 0 -> 21840 bytes
 .../server-list-empty/grid-images/alex's.png  |  Bin 0 -> 19570 bytes
 .../grid-images/artifacts.png                 |  Bin 0 -> 704 bytes
 .../server-list-empty/grid-images/biomes.png  |  Bin 0 -> 1167 bytes
 .../server-list-empty/grid-images/catac.png   |  Bin 0 -> 12710 bytes
 .../server-list-empty/grid-images/cobble.png  |  Bin 0 -> 17701 bytes
 .../grid-images/comforts.png                  |  Bin 0 -> 990 bytes
 .../server-list-empty/grid-images/create.png  |  Bin 0 -> 22270 bytes
 .../server-list-empty/grid-images/create1.png |  Bin 0 -> 20019 bytes
 .../server-list-empty/grid-images/create2.png |  Bin 0 -> 20355 bytes
 .../server-list-empty/grid-images/create3.png |  Bin 0 -> 21715 bytes
 .../server-list-empty/grid-images/creeper.png |  Bin 0 -> 36105 bytes
 .../server-list-empty/grid-images/friends.png |  Bin 0 -> 18513 bytes
 .../server-list-empty/grid-images/geo.png     |  Bin 0 -> 18242 bytes
 .../grid-images/naturalist.png                |  Bin 0 -> 22716 bytes
 .../server-list-empty/grid-images/seasons.png |  Bin 0 -> 16140 bytes
 .../grid-images/travellers.png                |  Bin 0 -> 20052 bytes
 .../server-list-empty/grid-images/tree.png    |  Bin 0 -> 23739 bytes
 .../server-list-empty/grid-images/yum1.png    |  Bin 0 -> 14167 bytes
 .../server-list-empty/grid-images/yum2.png    |  Bin 0 -> 15751 bytes
 .../server-list-empty/grid-images/yum3.png    |  Bin 0 -> 13945 bytes
 .../server-list-empty/grid-images/yung.png    |  Bin 0 -> 15455 bytes
 .../components/settings/LanguageSelector.vue  |    4 +-
 packages/ui/src/composables/index.ts          |    5 +
 packages/ui/src/composables/modal-stack.ts    |   17 +-
 packages/ui/src/composables/server-backup.ts  |   54 +
 packages/ui/src/composables/server-console.ts |  351 ++++
 .../composables/server-manage-core-runtime.ts |  443 +++++
 packages/ui/src/composables/stripe.ts         |   51 +-
 packages/ui/src/composables/terminal.ts       |   24 +-
 .../ui/src/composables/use-server-image.ts    |  134 ++
 .../ui/src/composables}/use-server-project.ts |    9 +-
 packages/ui/src/layouts/index.ts              |    3 +
 .../shared/browse-tab/composables/index.ts    |    1 +
 .../composables/use-browse-search.ts          |  311 ++++
 .../src/layouts/shared/browse-tab/header.vue  |   63 +
 .../ui/src/layouts/shared/browse-tab/index.ts |    6 +
 .../src/layouts/shared/browse-tab/layout.vue  |  262 +++
 .../browse-tab/providers/browse-manager.ts    |  106 ++
 .../shared/browse-tab/providers/index.ts      |    1 +
 .../src/layouts/shared/browse-tab/sidebar.vue |  177 ++
 .../ui/src/layouts/shared/browse-tab/types.ts |   46 +
 .../components/ConsoleActionButtons.vue       |   70 +
 .../console/components/ConsoleFilterPills.vue |   60 +
 .../console/composables/console-filtering.ts  |   97 +
 .../shared/console/composables/index.ts       |    9 +
 .../composables/log-highlight-addon.ts        |  242 +++
 .../shared/console/composables/log-level.ts   |   14 +
 .../ui/src/layouts/shared/console/index.ts    |    3 +
 .../ui/src/layouts/shared/console/layout.vue  |  357 ++++
 .../console/providers/console-manager.ts      |   36 +
 .../layouts/shared/console/providers/index.ts |    1 +
 .../ui/src/layouts/shared/console/types.ts    |   21 +
 .../modals/ConfirmModpackUpdateModal.vue      |   14 +-
 .../src/layouts/shared/content-tab/layout.vue |    6 +-
 .../components/FileOperationAdmonitions.vue   |   79 +-
 .../components/editor/FileEditor.vue          |   18 +-
 .../src/layouts/shared/files-tab/layout.vue   |    2 -
 .../composables/use-installation-form.ts      |   26 +-
 .../shared/installation-settings/layout.vue   |  243 +--
 .../providers/installation-settings.ts        |   11 +-
 .../layouts/shared/server-settings/index.ts   |    3 +
 .../shared/server-settings/pages/advanced.vue |  391 ++++
 .../shared/server-settings/pages/general.vue  |  288 +++
 .../shared/server-settings/pages/index.ts     |    5 +
 .../server-settings/pages/installation.vue    |  138 +-
 .../shared/server-settings/pages/network.vue  |  411 +++++
 .../server-settings/pages/properties.vue      |  560 ++++++
 .../shared/server-settings/providers/index.ts |    1 +
 .../providers/server-settings.ts              |   22 +
 .../layouts/shared/server-settings/tabs.ts    |   82 +
 .../hosting/manage/[id]/onboarding.vue        |   28 +-
 .../manage/components/ServerManageStats.vue   |  262 +++
 .../wrapped/hosting/manage/content.vue        |  167 +-
 .../layouts/wrapped/hosting/manage/files.vue  |   64 +-
 .../layouts/wrapped/hosting/manage/index.vue  |  804 +++++++-
 .../wrapped/hosting/manage/overview.vue       |  123 ++
 .../layouts/wrapped/hosting/manage/root.vue   | 1580 ++++++++++++++++
 packages/ui/src/layouts/wrapped/index.ts      |    2 +
 packages/ui/src/locales/en-US/index.json      |  383 +++-
 packages/ui/src/providers/auth.ts             |    2 +
 .../src/providers/hosting-purchase-intent.ts  |  189 ++
 packages/ui/src/providers/index.ts            |    2 +
 packages/ui/src/providers/page-context.ts     |    1 +
 packages/ui/src/providers/server-context.ts   |   16 +-
 .../ui/src/providers/server-settings-modal.ts |   17 +
 .../src/stories/base/ButtonStyled.stories.ts  |  210 ++-
 .../src/stories/modal/ShareModal.stories.ts   |   67 +
 .../modal/UploadProgressModal.stories.ts      |   95 +
 .../stories/servers/EditServerIcon.stories.ts |   94 +
 .../servers/MedalServerListing.stories.ts     |   85 +
 .../src/stories/servers/SaveBanner.stories.ts |   37 +
 .../servers/ServerListEmpty.stories.ts        |   16 +
 .../stories/servers/ServerListing.stories.ts  |  158 ++
 packages/ui/src/utils/common-messages.ts      |    3 +-
 pnpm-lock.yaml                                |  172 +-
 turbo.jsonc                                   |    9 +-
 278 files changed, 15974 insertions(+), 12608 deletions(-)
 delete mode 100644 apps/app-frontend/src/components/ui/SearchCard.vue
 create mode 100644 apps/app-frontend/src/composables/useInstanceConsole.ts
 create mode 100644 apps/app-frontend/src/config.ts
 create mode 100644 apps/app-frontend/src/pages/Servers.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/Backups.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/Content.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/Files.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/Index.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/Overview.vue
 create mode 100644 apps/app-frontend/src/pages/hosting/manage/index.js
 create mode 100644 apps/app-frontend/src/providers/setup/server-install-content.ts
 rename apps/frontend/src/components/{ui/servers => brand}/ModrinthServersIcon.vue (100%)
 rename apps/frontend/src/components/ui/{servers/notice => admin}/AssignNoticeModal.vue (100%)
 delete mode 100644 apps/frontend/src/components/ui/servers/LoaderSelector.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/LoaderSelectorCard.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/LogLine.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PanelServerStatus.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PanelSpinner.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PanelTerminal.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/SaveBanner.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/ServerSidebar.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/ServerStats.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/ChevronDownIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/ChevronUpIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/CodeFileIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/CogFolderIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/EarthIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/FullscreenIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/ImageFileIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/LoadingIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/MinimizeIcon.vue.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/PanelErrorIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/SlashIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/TextFileIcon.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/icons/Timer.vue
 delete mode 100644 apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
 delete mode 100644 apps/frontend/src/composables/servers/use-server-image.ts
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/billing.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/index.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/network.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
 delete mode 100644 apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
 create mode 100644 packages/api-client/src/modules/kyros/logs/v1.ts
 create mode 100644 packages/api-client/src/modules/mclogs/insights/v1.ts
 create mode 100644 packages/api-client/src/modules/mclogs/logs/v1.ts
 create mode 100644 packages/api-client/src/modules/mclogs/types.ts
 create mode 100644 packages/app-lib/.env.prod-with-staging-archon
 create mode 100644 packages/assets/icons/server-stack.svg
 create mode 100644 packages/assets/icons/wrap-text.svg
 create mode 100644 packages/ui/src/components/base/CollapsibleAdmonition.vue
 create mode 100644 packages/ui/src/components/base/FilterPills.vue
 delete mode 100644 packages/ui/src/components/billing/ModalBasedServerPlan.vue
 create mode 100644 packages/ui/src/components/billing/ResubscribeModal.vue
 create mode 100644 packages/ui/src/components/billing/ServersGuestPlanModal.vue
 create mode 100644 packages/ui/src/components/modal/UploadProgressModal.vue
 create mode 100644 packages/ui/src/components/servers/SaveBanner.vue
 create mode 100644 packages/ui/src/components/servers/ServerSettingsModal.vue
 create mode 100644 packages/ui/src/components/servers/edit-server-icon/EditServerIcon.vue
 create mode 100644 packages/ui/src/components/servers/labels/Separator.vue
 create mode 100644 packages/ui/src/components/servers/labels/ServerPlayerCount.vue
 rename {apps/frontend/src/components/ui => packages/ui/src/components}/servers/marketing/MedalServerCountdown.vue (80%)
 create mode 100644 packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
 create mode 100644 packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
 create mode 100644 packages/ui/src/components/servers/server-header/ServerManageHeader.vue
 create mode 100644 packages/ui/src/components/servers/server-header/index.ts
 create mode 100644 packages/ui/src/components/servers/server-header/use-server-power-action.ts
 create mode 100644 packages/ui/src/components/servers/server-list-empty/ServerListEmpty.vue
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/aircraft.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/alex's.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/artifacts.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/biomes.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/catac.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/cobble.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/comforts.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/create.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/create1.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/create2.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/create3.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/creeper.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/friends.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/geo.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/naturalist.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/seasons.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/travellers.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/tree.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/yum1.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/yum2.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/yum3.png
 create mode 100644 packages/ui/src/components/servers/server-list-empty/grid-images/yung.png
 create mode 100644 packages/ui/src/composables/server-backup.ts
 create mode 100644 packages/ui/src/composables/server-console.ts
 create mode 100644 packages/ui/src/composables/server-manage-core-runtime.ts
 create mode 100644 packages/ui/src/composables/use-server-image.ts
 rename {apps/frontend/src/composables/servers => packages/ui/src/composables}/use-server-project.ts (70%)
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/composables/index.ts
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/composables/use-browse-search.ts
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/header.vue
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/index.ts
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/layout.vue
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/providers/browse-manager.ts
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/providers/index.ts
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/sidebar.vue
 create mode 100644 packages/ui/src/layouts/shared/browse-tab/types.ts
 create mode 100644 packages/ui/src/layouts/shared/console/components/ConsoleActionButtons.vue
 create mode 100644 packages/ui/src/layouts/shared/console/components/ConsoleFilterPills.vue
 create mode 100644 packages/ui/src/layouts/shared/console/composables/console-filtering.ts
 create mode 100644 packages/ui/src/layouts/shared/console/composables/index.ts
 create mode 100644 packages/ui/src/layouts/shared/console/composables/log-highlight-addon.ts
 create mode 100644 packages/ui/src/layouts/shared/console/composables/log-level.ts
 create mode 100644 packages/ui/src/layouts/shared/console/index.ts
 create mode 100644 packages/ui/src/layouts/shared/console/layout.vue
 create mode 100644 packages/ui/src/layouts/shared/console/providers/console-manager.ts
 create mode 100644 packages/ui/src/layouts/shared/console/providers/index.ts
 create mode 100644 packages/ui/src/layouts/shared/console/types.ts
 create mode 100644 packages/ui/src/layouts/shared/server-settings/index.ts
 create mode 100644 packages/ui/src/layouts/shared/server-settings/pages/advanced.vue
 create mode 100644 packages/ui/src/layouts/shared/server-settings/pages/general.vue
 create mode 100644 packages/ui/src/layouts/shared/server-settings/pages/index.ts
 rename apps/frontend/src/pages/hosting/manage/[id]/options/loader.vue => packages/ui/src/layouts/shared/server-settings/pages/installation.vue (87%)
 create mode 100644 packages/ui/src/layouts/shared/server-settings/pages/network.vue
 create mode 100644 packages/ui/src/layouts/shared/server-settings/pages/properties.vue
 create mode 100644 packages/ui/src/layouts/shared/server-settings/providers/index.ts
 create mode 100644 packages/ui/src/layouts/shared/server-settings/providers/server-settings.ts
 create mode 100644 packages/ui/src/layouts/shared/server-settings/tabs.ts
 create mode 100644 packages/ui/src/layouts/wrapped/hosting/manage/components/ServerManageStats.vue
 create mode 100644 packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
 create mode 100644 packages/ui/src/layouts/wrapped/hosting/manage/root.vue
 create mode 100644 packages/ui/src/providers/hosting-purchase-intent.ts
 create mode 100644 packages/ui/src/providers/server-settings-modal.ts
 create mode 100644 packages/ui/src/stories/modal/ShareModal.stories.ts
 create mode 100644 packages/ui/src/stories/modal/UploadProgressModal.stories.ts
 create mode 100644 packages/ui/src/stories/servers/EditServerIcon.stories.ts
 create mode 100644 packages/ui/src/stories/servers/MedalServerListing.stories.ts
 create mode 100644 packages/ui/src/stories/servers/SaveBanner.stories.ts
 create mode 100644 packages/ui/src/stories/servers/ServerListEmpty.stories.ts
 create mode 100644 packages/ui/src/stories/servers/ServerListing.stories.ts

diff --git a/.github/workflows/theseus-build.yml b/.github/workflows/theseus-build.yml
index 46bb693b8..36547186e 100644
--- a/.github/workflows/theseus-build.yml
+++ b/.github/workflows/theseus-build.yml
@@ -27,12 +27,15 @@ on:
         options:
           - prod
           - staging
+          - prod-with-staging-archon
         default: prod
         required: false
 
 jobs:
   build:
     name: Build
+    env:
+      VITE_STRIPE_PUBLISHABLE_KEY: pk_live_51JbFxJJygY5LJFfKLVVldb10HlLt24p421OWRsTOWc5sXYFOnFUXWieSc6HD3PHo25ktx8db1WcHr36XGFvZFVUz00V9ixrCs5
     strategy:
       fail-fast: false
       matrix:
diff --git a/.vscode/settings.json b/.vscode/settings.json
index d4d338f6d..752219881 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -29,5 +29,7 @@
 	},
 	"[rust]": {
 		"editor.defaultFormatter": "rust-lang.rust-analyzer"
-	}
+	},
+	"css.lint.unknownAtRules": "ignore",
+	"scss.lint.unknownAtRules": "ignore"
 }
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 6b1b964a1..d37b0b822 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -1,5 +1,12 @@
 <script setup>
-import { AuthFeature, PanelVersionFeature, TauriModrinthClient } from '@modrinth/api-client'
+import {
+	AuthFeature,
+	NodeAuthFeature,
+	nodeAuthState,
+	PanelVersionFeature,
+	TauriModrinthClient,
+	VerboseLoggingFeature,
+} from '@modrinth/api-client'
 import {
 	ArrowBigUpDashIcon,
 	ChangeSkinIcon,
@@ -19,7 +26,7 @@ import {
 	RefreshCwIcon,
 	RestoreIcon,
 	RightArrowIcon,
-	ServerIcon,
+	ServerStackIcon,
 	SettingsIcon,
 	UserIcon,
 	WorldIcon,
@@ -80,6 +87,7 @@ import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue'
 import RunningAppBar from '@/components/ui/RunningAppBar.vue'
 import SplashScreen from '@/components/ui/SplashScreen.vue'
 import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
+import { config } from '@/config'
 import { hide_ads_window, init_ads_window, show_ads_window } from '@/helpers/ads.js'
 import { debugAnalytics, initAnalytics, trackEvent } from '@/helpers/analytics'
 import { check_reachable } from '@/helpers/auth.js'
@@ -127,17 +135,29 @@ const { addPopupNotification } = popupNotificationManager
 
 const tauriApiClient = new TauriModrinthClient({
 	userAgent: `modrinth/theseus/${getVersion()} (support@modrinth.com)`,
+	labrinthBaseUrl: config.labrinthBaseUrl,
+	archonBaseUrl: config.archonBaseUrl,
 	features: [
+		new NodeAuthFeature({
+			getAuth: () => nodeAuthState.getAuth?.() ?? null,
+			refreshAuth: async () => {
+				if (nodeAuthState.refreshAuth) {
+					await nodeAuthState.refreshAuth()
+				}
+			},
+		}),
 		new AuthFeature({
-			token: async () => (await getCreds()).session,
+			token: async () => (await getCreds())?.session,
 		}),
 		new PanelVersionFeature(),
+		new VerboseLoggingFeature(),
 	],
 })
 provideModrinthClient(tauriApiClient)
 providePageContext({
 	hierarchicalSidebarAvailable: ref(true),
 	showAds: ref(false),
+	openExternalUrl: (url) => openUrl(url),
 })
 provideModalBehavior({
 	noblur: computed(() => !themeStore.advancedRendering),
@@ -395,17 +415,30 @@ const handleClose = async () => {
 }
 
 const router = useRouter()
+const route = useRoute()
+
+const loading = useLoading()
+loading.setEnabled(false)
+loading.startLoading()
+
+let suspensePending = false
+
+router.beforeEach(() => {
+	suspensePending = false
+	loading.startLoading()
+})
 router.afterEach((to, from, failure) => {
 	trackEvent('PageView', {
 		path: to.path,
 		fromPath: from.path,
 		failed: failure,
 	})
+	setTimeout(() => {
+		if (!suspensePending) {
+			loading.stopLoading()
+		}
+	}, 100)
 })
-const route = useRoute()
-
-const loading = useLoading()
-loading.setEnabled(false)
 
 const error = useError()
 const errorModal = ref()
@@ -982,13 +1015,6 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 			<NavButton v-if="themeStore.featureFlags.worlds_tab" v-tooltip.right="'Worlds'" to="/worlds">
 				<WorldIcon />
 			</NavButton>
-			<NavButton
-				v-if="themeStore.featureFlags.servers_in_app"
-				v-tooltip.right="'Servers'"
-				to="/hosting/manage"
-			>
-				<ServerIcon />
-			</NavButton>
 			<NavButton
 				v-tooltip.right="'Discover content'"
 				to="/browse/modpack"
@@ -1003,6 +1029,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 			<NavButton
 				v-tooltip.right="'Library'"
 				to="/library"
+				:is-primary="(r) => r.path === '/library' || r.path === '/library'"
 				:is-subpage="
 					() =>
 						route.path.startsWith('/instance') ||
@@ -1012,6 +1039,14 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 			>
 				<LibraryIcon />
 			</NavButton>
+			<NavButton
+				v-tooltip.right="'Modrinth Hosting'"
+				to="/hosting/manage"
+				:is-primary="(r) => r.path === '/hosting/manage' || r.path === '/hosting/manage/'"
+				:is-subpage="(r) => r.path.startsWith('/hosting/manage/') && r.path !== '/hosting/manage/'"
+			>
+				<ServerStackIcon />
+			</NavButton>
 			<div class="h-px w-6 mx-auto my-2 bg-surface-5"></div>
 			<suspense>
 				<QuickInstanceSwitcher />
@@ -1181,7 +1216,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 				</div>
 			</transition>
 			<div
-				class="loading-indicator-container h-8 fixed z-50"
+				class="loading-indicator-container h-8 fixed z-50 pointer-events-none"
 				:style="{
 					top: 'calc(var(--top-bar-height))',
 					left: 'calc(var(--left-bar-width))',
@@ -1224,7 +1259,15 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 			</Admonition>
 			<RouterView v-slot="{ Component }">
 				<template v-if="Component">
-					<Suspense @pending="loading.startLoading()" @resolve="loading.stopLoading()">
+					<Suspense
+						@pending="
+							() => {
+								suspensePending = true
+								loading.startLoading()
+							}
+						"
+						@resolve="loading.stopLoading()"
+					>
 						<component :is="Component"></component>
 					</Suspense>
 				</template>
@@ -1250,11 +1293,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 					</div>
 					<div class="py-4 border-0 border-b-[1px] border-[--brand-gradient-border] border-solid">
 						<suspense>
-							<FriendsList
-								:credentials="credentials"
-								:sign-in="() => signIn()"
-								:refresh-credentials="fetchCredentials"
-							/>
+							<FriendsList :credentials="credentials" :sign-in="() => signIn()" />
 						</suspense>
 					</div>
 					<div v-if="news && news.length > 0" class="p-4 pr-1 flex flex-col items-center">
@@ -1287,8 +1326,8 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 		</div>
 	</div>
 	<I18nDebugPanel />
-	<NotificationPanel has-sidebar />
-	<PopupNotificationPanel has-sidebar />
+	<NotificationPanel :has-sidebar="sidebarVisible" />
+	<PopupNotificationPanel :has-sidebar="sidebarVisible" />
 	<ErrorModal ref="errorModal" />
 	<MinecraftAuthErrorModal ref="minecraftAuthErrorModal" />
 	<ContentInstallModal
diff --git a/apps/app-frontend/src/assets/stylesheets/global.scss b/apps/app-frontend/src/assets/stylesheets/global.scss
index 346cb2abb..42c2aa0c8 100644
--- a/apps/app-frontend/src/assets/stylesheets/global.scss
+++ b/apps/app-frontend/src/assets/stylesheets/global.scss
@@ -45,6 +45,14 @@
 	color-scheme: dark;
 	--view-width: calc(100% - 5rem);
 	--expanded-view-width: calc(100% - 13rem);
+	--medal-promotion-bg: #000;
+	--medal-promotion-bg-orange: rgba(208, 246, 255, 0.25);
+	--medal-promotion-text-orange: #42abff;
+	--medal-promotion-bg-gradient: linear-gradient(
+		90deg,
+		rgba(66, 170, 255, 0.15),
+		rgba(0, 0, 0, 0) 100%
+	);
 }
 
 body {
@@ -77,12 +85,10 @@ body {
 }
 
 a {
-	color: var(--color-link);
+	color: inherit;
 	text-decoration: none;
-
-	&:hover {
-		text-decoration: none;
-	}
+	-webkit-font-smoothing: antialiased;
+	will-change: filter;
 }
 
 .badge {
@@ -174,4 +180,63 @@ img {
 	}
 }
 
+button,
+input[type='button'] {
+	cursor: pointer;
+	border: none;
+	outline: 2px solid transparent;
+}
+
 @import '@modrinth/assets/omorphia.scss';
+
+input {
+	border-radius: var(--size-rounded-sm);
+	box-sizing: border-box;
+	border: 2px solid transparent;
+	// safari iOS rounds inputs by default
+	// set the appearance to none to prevent this
+	appearance: none !important;
+}
+
+pre {
+	font-weight: var(--font-weight-regular);
+}
+
+input,
+textarea {
+	background: var(--color-button-bg);
+	color: var(--color-text);
+	padding: 0.5rem 1rem;
+	font-weight: var(--font-weight-medium);
+	border: none;
+	outline: 2px solid transparent;
+	box-shadow:
+		var(--shadow-inset-sm),
+		0 0 0 0 transparent;
+	transition: box-shadow 0.1s ease-in-out;
+	min-height: 36px;
+
+	&:focus,
+	&:focus-visible {
+		box-shadow:
+			inset 0 0 0 transparent,
+			0 0 0 0.25rem var(--color-brand-shadow);
+		color: var(--color-button-text-active);
+	}
+
+	&:disabled,
+	&[disabled='true'] {
+		opacity: 0.6;
+		pointer-events: none;
+		cursor: not-allowed;
+	}
+
+	&:focus::placeholder {
+		opacity: 0.8;
+	}
+
+	&::placeholder {
+		color: var(--color-button-text);
+		opacity: 0.6;
+	}
+}
diff --git a/apps/app-frontend/src/components/ui/NavButton.vue b/apps/app-frontend/src/components/ui/NavButton.vue
index e65f5b3ec..7790d14bc 100644
--- a/apps/app-frontend/src/components/ui/NavButton.vue
+++ b/apps/app-frontend/src/components/ui/NavButton.vue
@@ -3,6 +3,7 @@
 		v-if="typeof to === 'string'"
 		:to="to"
 		v-bind="$attrs"
+		:active-class="isSubpage ? '' : undefined"
 		:class="{
 			'router-link-active': isPrimary && isPrimary(route),
 			'subpage-active': isSubpage && isSubpage(route),
diff --git a/apps/app-frontend/src/components/ui/SearchCard.vue b/apps/app-frontend/src/components/ui/SearchCard.vue
deleted file mode 100644
index 51d44f906..000000000
--- a/apps/app-frontend/src/components/ui/SearchCard.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-	<ProjectCard
-		:title="project.name"
-		:link="
-			() => {
-				emit('open')
-				$router.push({
-					path: `/project/${project.project_id ?? project.id}`,
-					query: { i: props.instance ? props.instance.path : undefined },
-				})
-			}
-		"
-		:author="{ name: project.author, link: `https://modrinth.com/user/${project.author}` }"
-		:icon-url="project.icon_url"
-		:summary="project.summary"
-		:tags="project.display_categories"
-		:all-tags="project.categories"
-		:downloads="project.downloads"
-		:followers="project.follows"
-		:date-updated="project.date_modified"
-		:banner="project.featured_gallery ?? undefined"
-		:color="project.color ?? undefined"
-		:environment="
-			['mod', 'modpack'].includes(projectType)
-				? {
-						clientSide: project.client_side?.[0],
-						serverSide: project.server_side?.[0],
-					}
-				: undefined
-		"
-		layout="list"
-	>
-		<template #actions>
-			<ButtonStyled color="brand" type="outlined">
-				<button
-					:disabled="installed || installing"
-					class="shrink-0 no-wrap"
-					@click.stop="install()"
-				>
-					<SpinnerIcon v-if="installing" class="animate-spin" />
-					<template v-else-if="!installed">
-						<DownloadIcon v-if="modpack || instance" />
-						<PlusIcon v-else />
-					</template>
-					<CheckIcon v-else />
-					{{
-						installing
-							? 'Installing'
-							: installed
-								? 'Installed'
-								: modpack || instance
-									? 'Install'
-									: 'Add to an instance'
-					}}
-				</button>
-			</ButtonStyled>
-		</template>
-	</ProjectCard>
-</template>
-
-<script setup>
-import { CheckIcon, DownloadIcon, PlusIcon, SpinnerIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager, ProjectCard } from '@modrinth/ui'
-import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
-
-import { injectContentInstall } from '@/providers/content-install'
-
-const { install: installVersion } = injectContentInstall()
-
-dayjs.extend(relativeTime)
-
-const { handleError } = injectNotificationManager()
-
-const router = useRouter()
-
-const props = defineProps({
-	backgroundImage: {
-		type: String,
-		default: null,
-	},
-	project: {
-		type: Object,
-		required: true,
-	},
-	instance: {
-		type: Object,
-		default: null,
-	},
-	featured: {
-		type: Boolean,
-		default: false,
-	},
-	installed: {
-		type: Boolean,
-		default: false,
-	},
-	projectType: {
-		type: String,
-		default: undefined,
-	},
-	activeLoader: {
-		type: String,
-		default: null,
-	},
-	activeGameVersion: {
-		type: String,
-		default: null,
-	},
-})
-
-const emit = defineEmits(['open', 'install'])
-
-const installing = ref(false)
-
-async function install() {
-	installing.value = true
-	await installVersion(
-		props.project.project_id ?? props.project.id,
-		null,
-		props.instance ? props.instance.path : null,
-		'SearchCard',
-		(versionId) => {
-			installing.value = false
-			if (versionId) {
-				emit('install', props.project.project_id ?? props.project.id)
-			}
-		},
-		(profile) => {
-			router.push(`/instance/${profile}`)
-		},
-		{
-			preferredLoader: props.activeLoader ?? undefined,
-			preferredGameVersion: props.activeGameVersion ?? undefined,
-		},
-	).catch(handleError)
-}
-
-const modpack = computed(() => props.project.project_types?.includes('modpack'))
-</script>
diff --git a/apps/app-frontend/src/components/ui/URLConfirmModal.vue b/apps/app-frontend/src/components/ui/URLConfirmModal.vue
index aa7917a5d..0ec7cd0bc 100644
--- a/apps/app-frontend/src/components/ui/URLConfirmModal.vue
+++ b/apps/app-frontend/src/components/ui/URLConfirmModal.vue
@@ -1,11 +1,9 @@
 <script setup>
-import { Button, injectNotificationManager } from '@modrinth/ui'
+import { Button, injectNotificationManager, ProjectCard } from '@modrinth/ui'
 import { ref } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
-import SearchCard from '@/components/ui/SearchCard.vue'
-import { get_project, get_version } from '@/helpers/cache.js'
-import { get_categories } from '@/helpers/tags.js'
+import { get_project_v3, get_version } from '@/helpers/cache.js'
 import { injectContentInstall } from '@/providers/content-install'
 
 const { handleError } = injectNotificationManager()
@@ -14,26 +12,22 @@ const { install: installVersion } = injectContentInstall()
 const confirmModal = ref(null)
 const project = ref(null)
 const version = ref(null)
-const categories = ref(null)
 const installing = ref(false)
 
 defineExpose({
 	async show(event) {
 		if (event.event === 'InstallVersion') {
 			version.value = await get_version(event.id, 'must_revalidate').catch(handleError)
-			project.value = await get_project(version.value.project_id, 'must_revalidate').catch(
+			project.value = await get_project_v3(version.value.project_id, 'must_revalidate').catch(
 				handleError,
 			)
 		} else {
-			project.value = await get_project(event.id, 'must_revalidate').catch(handleError)
+			project.value = await get_project_v3(event.id, 'must_revalidate').catch(handleError)
 			version.value = await get_version(
 				project.value.versions[project.value.versions.length - 1],
 				'must_revalidate',
 			).catch(handleError)
 		}
-		categories.value = (await get_categories().catch(handleError)).filter(
-			(cat) => project.value.categories.includes(cat.name) && cat.project_type === 'mod',
-		)
 		confirmModal.value.show()
 	},
 })
@@ -52,13 +46,22 @@ async function install() {
 </script>
 
 <template>
-	<ModalWrapper ref="confirmModal" :header="`Install ${project?.title}`">
+	<ModalWrapper ref="confirmModal" :header="`Install ${project?.name}`">
 		<div class="modal-body">
-			<SearchCard
-				:project="project"
+			<ProjectCard
+				:title="project.name"
+				:link="() => confirmModal.hide()"
+				:icon-url="project.icon_url"
+				:summary="project.summary"
+				:tags="project.display_categories"
+				:all-tags="project.categories"
+				:downloads="project.downloads"
+				:followers="project.follows"
+				:date-updated="project.date_modified"
+				:banner="project.featured_gallery ?? undefined"
+				:color="project.color ?? undefined"
+				layout="list"
 				class="project-card"
-				:categories="categories"
-				@open="confirmModal.hide()"
 			/>
 			<div class="button-row">
 				<div class="markdown-body">
diff --git a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
index bcac05a6a..979ca33a3 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
@@ -198,45 +198,48 @@ const messages = defineMessages({
 <template>
 	<ConfirmDeleteInstanceModal ref="deleteConfirmModal" @delete="removeProfile" />
 	<div class="block">
-		<div class="float-end ml-4 relative group">
-			<OverflowMenu
-				v-tooltip="formatMessage(messages.editIcon)"
-				class="bg-transparent border-none appearance-none p-0 m-0 cursor-pointer group-active:scale-95 transition-transform"
-				:options="[
-					{
-						id: 'select',
-						action: () => setIcon(),
-					},
-					{
-						id: 'remove',
-						color: 'danger',
-						action: () => resetIcon(),
-						shown: !!icon,
-					},
-				]"
-			>
-				<Avatar
-					:src="icon ? convertFileSrc(icon) : icon"
-					size="108px"
-					class="!border-4 group-hover:brightness-75"
-					:tint-by="instance.path"
-					no-shadow
-				/>
-				<div class="absolute top-0 right-0 m-2">
-					<div
-						class="p-2 m-0 text-primary flex items-center justify-center aspect-square bg-button-bg rounded-full border-button-border border-solid border-[1px] hovering-icon-shadow"
+		<div class="float-end ml-10 relative group w-fit">
+			<div class="flex flex-col gap-1">
+				<span class="text-lg font-semibold text-contrast">Icon</span>
+				<div class="group relative w-fit">
+					<OverflowMenu
+						v-tooltip="formatMessage(messages.editIcon)"
+						class="bg-transparent border-none appearance-none p-0 m-0 cursor-pointer group-active:scale-95 transition-transform"
+						:options="[
+							{
+								id: 'select',
+								action: () => setIcon(),
+							},
+							{
+								id: 'remove',
+								color: 'danger',
+								action: () => resetIcon(),
+								shown: !!icon,
+							},
+						]"
 					>
-						<EditIcon aria-hidden="true" class="h-4 w-4 text-primary" />
-					</div>
+						<Avatar
+							:src="icon ? convertFileSrc(icon) : icon"
+							size="108px"
+							class="transition-[filter] group-hover:brightness-75"
+							:tint-by="instance.path"
+							no-shadow
+						/>
+						<div
+							class="absolute top-0 h-full w-full flex items-center justify-center opacity-0 transition-all group-hover:opacity-100"
+						>
+							<EditIcon aria-hidden="true" class="h-10 w-10 text-primary" />
+						</div>
+						<template #select>
+							<UploadIcon />
+							{{ icon ? formatMessage(messages.replaceIcon) : formatMessage(messages.selectIcon) }}
+						</template>
+						<template #remove> <TrashIcon /> {{ formatMessage(messages.removeIcon) }} </template>
+					</OverflowMenu>
 				</div>
-				<template #select>
-					<UploadIcon />
-					{{ icon ? formatMessage(messages.replaceIcon) : formatMessage(messages.selectIcon) }}
-				</template>
-				<template #remove> <TrashIcon /> {{ formatMessage(messages.removeIcon) }} </template>
-			</OverflowMenu>
+			</div>
 		</div>
-		<label for="instance-name" class="m-0 mb-1 text-lg font-extrabold text-contrast block">
+		<label for="instance-name" class="m-0 text-lg font-semibold text-contrast block">
 			{{ formatMessage(messages.name) }}
 		</label>
 		<div class="flex">
@@ -249,76 +252,82 @@ const messages = defineMessages({
 			/>
 		</div>
 		<template v-if="instance.install_stage == 'installed'">
-			<div>
-				<h2
-					id="duplicate-instance-label"
-					class="m-0 mt-4 mb-1 text-lg font-extrabold text-contrast block"
-				>
+			<div class="flex flex-col gap-2.5 mt-6">
+				<h2 id="duplicate-instance-label" class="m-0 text-lg font-semibold text-contrast block">
 					{{ formatMessage(messages.duplicateInstance) }}
 				</h2>
-				<p class="m-0 mb-2">
+				<ButtonStyled>
+					<button
+						v-tooltip="installing ? formatMessage(messages.duplicateButtonTooltipInstalling) : null"
+						aria-labelledby="duplicate-instance-label"
+						:disabled="installing"
+						class="w-max !shadow-none"
+						@click="duplicateProfile"
+					>
+						<CopyIcon /> {{ formatMessage(messages.duplicateButton) }}
+					</button>
+				</ButtonStyled>
+				<p class="m-0">
 					{{ formatMessage(messages.duplicateInstanceDescription) }}
 				</p>
 			</div>
-			<ButtonStyled>
+		</template>
+		<div class="flex flex-col gap-2.5 mt-6">
+			<h2 class="m-0 text-lg font-semibold text-contrast block">
+				{{ formatMessage(messages.libraryGroups) }}
+			</h2>
+
+			<div class="flex flex-col gap-1">
+				<Checkbox
+					v-for="group in availableGroups"
+					:key="group"
+					:model-value="groups.includes(group)"
+					:label="group"
+					@click="toggleGroup(group)"
+				/>
+				<div class="flex gap-2 items-center">
+					<StyledInput
+						v-model="newCategoryInput"
+						:placeholder="formatMessage(messages.libraryGroupsEnterName)"
+						class="w-full max-w-[300px]"
+						@submit="() => addCategory"
+					/>
+					<ButtonStyled>
+						<button class="w-fit !shadow-none" @click="() => addCategory()">
+							<PlusIcon /> {{ formatMessage(messages.libraryGroupsCreate) }}
+						</button>
+					</ButtonStyled>
+				</div>
+			</div>
+			<p class="m-0">
+				{{ formatMessage(messages.libraryGroupsDescription) }}
+			</p>
+		</div>
+
+		<div class="flex flex-col gap-2.5 mt-6">
+			<h2 id="delete-instance-label" class="m-0 text-lg font-semibold text-contrast block">
+				{{ formatMessage(messages.deleteInstance) }}
+			</h2>
+			<ButtonStyled color="red">
 				<button
-					v-tooltip="installing ? formatMessage(messages.duplicateButtonTooltipInstalling) : null"
-					aria-labelledby="duplicate-instance-label"
-					:disabled="installing"
-					@click="duplicateProfile"
+					aria-labelledby="delete-instance-label"
+					:disabled="removing"
+					class="w-fit !shadow-none"
+					@click="deleteConfirmModal.show()"
 				>
-					<CopyIcon /> {{ formatMessage(messages.duplicateButton) }}
+					<SpinnerIcon v-if="removing" class="animate-spin" />
+					<TrashIcon v-else />
+					{{
+						removing
+							? formatMessage(messages.deletingInstanceButton)
+							: formatMessage(messages.deleteInstanceButton)
+					}}
 				</button>
 			</ButtonStyled>
-		</template>
-		<h2 class="m-0 mt-4 mb-1 text-lg font-extrabold text-contrast block">
-			{{ formatMessage(messages.libraryGroups) }}
-		</h2>
-		<p class="m-0 mb-2">
-			{{ formatMessage(messages.libraryGroupsDescription) }}
-		</p>
-		<div class="flex flex-col gap-1">
-			<Checkbox
-				v-for="group in availableGroups"
-				:key="group"
-				:model-value="groups.includes(group)"
-				:label="group"
-				@click="toggleGroup(group)"
-			/>
-			<div class="flex gap-2 items-center">
-				<StyledInput
-					v-model="newCategoryInput"
-					:placeholder="formatMessage(messages.libraryGroupsEnterName)"
-					@submit="() => addCategory"
-				/>
-				<ButtonStyled>
-					<button class="w-fit" @click="() => addCategory()">
-						<PlusIcon /> {{ formatMessage(messages.libraryGroupsCreate) }}
-					</button>
-				</ButtonStyled>
-			</div>
+			<p class="m-0">
+				{{ formatMessage(messages.deleteInstanceDescription) }}
+			</p>
 		</div>
-		<h2 id="delete-instance-label" class="m-0 mt-4 mb-1 text-lg font-extrabold text-contrast block">
-			{{ formatMessage(messages.deleteInstance) }}
-		</h2>
-		<p class="m-0 mb-2">
-			{{ formatMessage(messages.deleteInstanceDescription) }}
-		</p>
-		<ButtonStyled color="red">
-			<button
-				aria-labelledby="delete-instance-label"
-				:disabled="removing"
-				@click="deleteConfirmModal.show()"
-			>
-				<SpinnerIcon v-if="removing" class="animate-spin" />
-				<TrashIcon v-else />
-				{{
-					removing
-						? formatMessage(messages.deletingInstanceButton)
-						: formatMessage(messages.deleteInstanceButton)
-				}}
-			</button>
-		</ButtonStyled>
 	</div>
 </template>
 <style scoped lang="scss">
diff --git a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
index ae576b6fc..51305aa53 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
@@ -101,57 +101,57 @@ const messages = defineMessages({
 
 <template>
 	<div>
-		<h2 class="m-0 mb-1 text-lg font-extrabold text-contrast">
+		<h2 class="m-0 m-0 text-lg font-semibold text-contrast">
 			{{ formatMessage(messages.hooks) }}
 		</h2>
+		<Checkbox v-model="overrideHooks" :label="formatMessage(messages.customHooks)" class="my-2.5" />
 		<p class="m-0">
 			{{ formatMessage(messages.hooksDescription) }}
 		</p>
-		<Checkbox v-model="overrideHooks" :label="formatMessage(messages.customHooks)" class="mt-2" />
 
-		<h2 class="mt-2 mb-1 text-lg font-extrabold text-contrast">
+		<h2 class="mt-6 m-0 text-lg font-semibold text-contrast">
 			{{ formatMessage(messages.preLaunch) }}
 		</h2>
-		<p class="m-0">
-			{{ formatMessage(messages.preLaunchDescription) }}
-		</p>
 		<StyledInput
 			id="pre-launch"
 			v-model="hooks.pre_launch"
 			autocomplete="off"
 			:disabled="!overrideHooks"
 			:placeholder="formatMessage(messages.preLaunchEnter)"
-			wrapper-class="w-full mt-2"
+			wrapper-class="w-full my-2.5"
 		/>
+		<p class="m-0">
+			{{ formatMessage(messages.preLaunchDescription) }}
+		</p>
 
-		<h2 class="mt-4 mb-1 text-lg font-extrabold text-contrast">
+		<h2 class="mt-6 m-0 text-lg font-semibold text-contrast">
 			{{ formatMessage(messages.wrapper) }}
 		</h2>
-		<p class="m-0">
-			{{ formatMessage(messages.wrapperDescription) }}
-		</p>
 		<StyledInput
 			id="wrapper"
 			v-model="hooks.wrapper"
 			autocomplete="off"
 			:disabled="!overrideHooks"
 			:placeholder="formatMessage(messages.wrapperEnter)"
-			wrapper-class="w-full mt-2"
+			wrapper-class="w-full my-2.5"
 		/>
+		<p class="m-0">
+			{{ formatMessage(messages.wrapperDescription) }}
+		</p>
 
-		<h2 class="mt-4 mb-1 text-lg font-extrabold text-contrast">
+		<h2 class="mt-6 m-0 text-lg font-semibold text-contrast">
 			{{ formatMessage(messages.postExit) }}
 		</h2>
-		<p class="m-0">
-			{{ formatMessage(messages.postExitDescription) }}
-		</p>
 		<StyledInput
 			id="post-exit"
 			v-model="hooks.post_exit"
 			autocomplete="off"
 			:disabled="!overrideHooks"
 			:placeholder="formatMessage(messages.postExitEnter)"
-			wrapper-class="w-full mt-2"
+			wrapper-class="w-full my-2.5"
 		/>
+		<p class="m-0">
+			{{ formatMessage(messages.postExitDescription) }}
+		</p>
 	</div>
 </template>
diff --git a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
index 0649621d1..1b2c45410 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
@@ -111,10 +111,10 @@ const messages = defineMessages({
 
 <template>
 	<div>
-		<h2 id="project-name" class="m-0 mb-1 text-lg font-extrabold text-contrast block">
+		<h2 id="project-name" class="m-0 mb-2.5 text-lg font-semibold text-contrast block">
 			{{ formatMessage(messages.javaInstallation) }}
 		</h2>
-		<Checkbox v-model="overrideJavaInstall" label="Custom Java installation" class="mb-2" />
+		<Checkbox v-model="overrideJavaInstall" label="Custom Java installation" class="mb-2.5" />
 		<template v-if="!overrideJavaInstall">
 			<div class="flex my-2 items-center gap-2 font-semibold">
 				<template v-if="javaInstall">
@@ -144,10 +144,10 @@ const messages = defineMessages({
 			</div>
 		</template>
 		<JavaSelector v-if="overrideJavaInstall || !javaInstall" v-model="javaInstall" />
-		<h2 id="project-name" class="mt-4 mb-1 text-lg font-extrabold text-contrast block">
+		<h2 id="project-name" class="mt-6 mb-2.5 text-lg font-semibold text-contrast block">
 			{{ formatMessage(messages.javaMemory) }}
 		</h2>
-		<Checkbox v-model="overrideMemorySettings" label="Custom memory allocation" class="mb-2" />
+		<Checkbox v-model="overrideMemorySettings" label="Custom memory allocation" class="mb-2.5" />
 		<Slider
 			id="max-memory"
 			v-model="memory.maximum"
@@ -159,7 +159,7 @@ const messages = defineMessages({
 			:snap-range="512"
 			unit="MB"
 		/>
-		<h2 id="project-name" class="mt-4 mb-1 text-lg font-extrabold text-contrast block">
+		<h2 id="project-name" class="mt-6 mb-2.5 text-lg font-semibold text-contrast block">
 			{{ formatMessage(messages.javaArguments) }}
 		</h2>
 		<Checkbox v-model="overrideJavaArgs" label="Custom java arguments" class="my-2" />
@@ -171,10 +171,10 @@ const messages = defineMessages({
 			placeholder="Enter java arguments..."
 			wrapper-class="w-full"
 		/>
-		<h2 id="project-name" class="mt-4 mb-1 text-lg font-extrabold text-contrast block">
+		<h2 id="project-name" class="mt-6 mb-2.5 text-lg font-semibold text-contrast block">
 			{{ formatMessage(messages.javaEnvironmentVariables) }}
 		</h2>
-		<Checkbox v-model="overrideEnvVars" label="Custom environment variables" class="mb-2" />
+		<Checkbox v-model="overrideEnvVars" label="Custom environment variables" class="mb-2.5" />
 		<StyledInput
 			id="env-vars"
 			v-model="envVars"
diff --git a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
index f5ba69568..08e350885 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
@@ -94,14 +94,14 @@ const messages = defineMessages({
 </script>
 
 <template>
-	<div>
+	<div class="flex flex-col gap-6">
 		<Checkbox
 			v-model="overrideWindowSettings"
 			:label="formatMessage(messages.customWindowSettings)"
 		/>
-		<div class="mt-2 flex items-center gap-4 justify-between">
-			<div>
-				<h2 class="m-0 mb-1 text-lg font-extrabold text-contrast">
+		<div class="flex items-center gap-4 justify-between">
+			<div class="flex flex-col gap-1">
+				<h2 class="m-0 text-lg font-semibold text-contrast">
 					{{ formatMessage(messages.fullscreen) }}
 				</h2>
 				<p class="m-0">
@@ -120,9 +120,9 @@ const messages = defineMessages({
 			/>
 		</div>
 
-		<div class="mt-4 flex items-center gap-4 justify-between">
-			<div>
-				<h2 class="m-0 mb-1 text-lg font-extrabold text-contrast">
+		<div class="flex items-center gap-4 justify-between">
+			<div class="flex flex-col gap-1">
+				<h2 class="m-0 text-lg font-semibold text-contrast">
 					{{ formatMessage(messages.width) }}
 				</h2>
 				<p class="m-0">
@@ -139,9 +139,9 @@ const messages = defineMessages({
 			/>
 		</div>
 
-		<div class="mt-4 flex items-center gap-4 justify-between">
-			<div>
-				<h2 class="m-0 mb-1 text-lg font-extrabold text-contrast">
+		<div class="flex items-center gap-4 justify-between">
+			<div class="flex flex-col gap-1">
+				<h2 class="m-0 text-lg font-semibold text-contrast">
 					{{ formatMessage(messages.height) }}
 				</h2>
 				<p class="m-0">
diff --git a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
index 9419d6374..14f4f66f7 100644
--- a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
@@ -177,7 +177,7 @@ const messages = defineMessages({
 					>
 						<ModrinthIcon class="w-6 h-6" />
 					</button>
-					<div>
+					<div class="max-w-[200px]">
 						<p class="m-0">Modrinth App {{ version }}</p>
 						<p class="m-0">
 							<span v-if="osPlatform === 'macos'">macOS</span>
diff --git a/apps/app-frontend/src/components/ui/settings/AppearanceSettings.vue b/apps/app-frontend/src/components/ui/settings/AppearanceSettings.vue
index e66b3befa..4dca92eb9 100644
--- a/apps/app-frontend/src/components/ui/settings/AppearanceSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/AppearanceSettings.vue
@@ -21,7 +21,7 @@ watch(
 )
 </script>
 <template>
-	<h2 class="m-0 text-lg font-extrabold text-contrast">Color theme</h2>
+	<h2 class="m-0 text-lg font-semibold text-contrast">Color theme</h2>
 	<p class="m-0 mt-1">Select your preferred color theme for Modrinth App.</p>
 
 	<ThemeSelector
@@ -36,9 +36,9 @@ watch(
 		system-theme-color="system"
 	/>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Advanced rendering</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Advanced rendering</h2>
 			<p class="m-0 mt-1">
 				Enables advanced rendering such as blur effects that may cause performance issues without
 				hardware-accelerated rendering.
@@ -57,48 +57,48 @@ watch(
 		/>
 	</div>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Hide nametag</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Hide nametag</h2>
 			<p class="m-0 mt-1">Disables the nametag above your player on the skins page.</p>
 		</div>
 		<Toggle id="hide-nametag-skins-page" v-model="settings.hide_nametag_skins_page" />
 	</div>
 
-	<div v-if="os !== 'MacOS'" class="mt-4 flex items-center justify-between gap-4">
+	<div v-if="os !== 'MacOS'" class="mt-6 flex items-center justify-between gap-4">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Native decorations</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Native decorations</h2>
 			<p class="m-0 mt-1">Use system window frame (app restart required).</p>
 		</div>
 		<Toggle id="native-decorations" v-model="settings.native_decorations" />
 	</div>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Minimize launcher</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Minimize launcher</h2>
 			<p class="m-0 mt-1">Minimize the launcher when a Minecraft process starts.</p>
 		</div>
 		<Toggle id="minimize-launcher" v-model="settings.hide_on_process_start" />
 	</div>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Default landing page</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Default landing page</h2>
 			<p class="m-0 mt-1">Change the page to which the launcher opens on.</p>
 		</div>
 		<Combobox
 			id="opening-page"
 			v-model="settings.default_page"
 			name="Opening page dropdown"
-			class="w-40"
+			class="max-w-40"
 			:options="['Home', 'Library'].map((v) => ({ value: v, label: v }))"
 			:display-value="settings.default_page ?? 'Select an option'"
 		/>
 	</div>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Jump back into worlds</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Jump back into worlds</h2>
 			<p class="m-0 mt-1">Includes recent worlds in the "Jump back in" section on the Home page.</p>
 		</div>
 		<Toggle
@@ -113,9 +113,9 @@ watch(
 		/>
 	</div>
 
-	<div class="mt-4 flex items-center justify-between">
+	<div class="mt-6 flex items-center justify-between">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Toggle sidebar</h2>
+			<h2 class="m-0 text-lg font-semibold text-contrast">Toggle sidebar</h2>
 			<p class="m-0 mt-1">Enables the ability to toggle the sidebar.</p>
 		</div>
 		<Toggle
diff --git a/apps/app-frontend/src/components/ui/settings/DefaultInstanceSettings.vue b/apps/app-frontend/src/components/ui/settings/DefaultInstanceSettings.vue
index 18dfb6851..252de3098 100644
--- a/apps/app-frontend/src/components/ui/settings/DefaultInstanceSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/DefaultInstanceSettings.vue
@@ -52,127 +52,135 @@ watch(
 
 <template>
 	<div>
-		<h2 class="m-0 text-lg font-extrabold text-contrast">Window size</h2>
+		<div class="flex flex-col gap-6">
+			<div class="flex items-center justify-between gap-4">
+				<div class="flex flex-col gap-1">
+					<h3 class="m-0 text-lg font-semibold text-contrast">Fullscreen</h3>
+					<p class="m-0 leading-tight">
+						Overwrites the options.txt file to start in full screen when launched.
+					</p>
+				</div>
 
-		<div class="flex items-center justify-between gap-4">
-			<div>
-				<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Fullscreen</h3>
-				<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-					Overwrites the options.txt file to start in full screen when launched.
-				</p>
+				<Toggle id="fullscreen" v-model="settings.force_fullscreen" />
 			</div>
 
-			<Toggle id="fullscreen" v-model="settings.force_fullscreen" />
-		</div>
+			<div class="flex items-center justify-between gap-4">
+				<div class="flex flex-col gap-1">
+					<h3 class="m-0 text-lg font-semibold text-contrast">Width</h3>
+					<p class="m-0 leading-tight">The width of the game window when launched.</p>
+				</div>
 
-		<div class="flex items-center justify-between gap-4">
-			<div>
-				<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Width</h3>
-				<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-					The width of the game window when launched.
-				</p>
+				<StyledInput
+					id="width"
+					v-model="settings.game_resolution[0]"
+					:disabled="settings.force_fullscreen"
+					autocomplete="off"
+					type="number"
+					placeholder="Enter width..."
+				/>
 			</div>
 
-			<StyledInput
-				id="width"
-				v-model="settings.game_resolution[0]"
-				:disabled="settings.force_fullscreen"
-				autocomplete="off"
-				type="number"
-				placeholder="Enter width..."
-			/>
+			<div class="flex items-center justify-between gap-4">
+				<div class="flex flex-col gap-1">
+					<h3 class="m-0 text-lg font-semibold text-contrast">Height</h3>
+					<p class="m-0 leading-tight">The height of the game window when launched.</p>
+				</div>
+
+				<StyledInput
+					id="height"
+					v-model="settings.game_resolution[1]"
+					:disabled="settings.force_fullscreen"
+					autocomplete="off"
+					type="number"
+					placeholder="Enter height..."
+				/>
+			</div>
 		</div>
 
-		<div class="flex items-center justify-between gap-4">
-			<div>
-				<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Height</h3>
-				<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-					The height of the game window when launched.
-				</p>
+		<hr class="my-6 bg-button-border border-none h-[1px]" />
+
+		<div class="flex flex-col gap-6">
+			<div class="flex flex-col gap-2.5">
+				<h2 class="m-0 text-lg font-semibold text-contrast">Memory allocated</h2>
+				<Slider
+					id="max-memory"
+					v-model="settings.memory.maximum"
+					:min="512"
+					:max="maxMemory"
+					:step="64"
+					:snap-points="snapPoints"
+					:snap-range="512"
+					unit="MB"
+				/>
+				<p class="m-0 mt-1 leading-tight">The memory allocated to each instance when it is ran.</p>
 			</div>
 
-			<StyledInput
-				id="height"
-				v-model="settings.game_resolution[1]"
-				:disabled="settings.force_fullscreen"
-				autocomplete="off"
-				type="number"
-				placeholder="Enter height..."
-			/>
+			<div class="flex flex-col gap-2.5">
+				<h2 class="m-0 text-lg font-semibold text-contrast">Java arguments</h2>
+				<StyledInput
+					id="java-args"
+					v-model="settings.launchArgs"
+					autocomplete="off"
+					type="text"
+					placeholder="Enter java arguments..."
+					wrapper-class="w-full"
+				/>
+			</div>
+
+			<div class="flex flex-col gap-2.5">
+				<h2 class="m-0 text-lg font-semibold text-contrast">Environmental variables</h2>
+				<StyledInput
+					id="env-vars"
+					v-model="settings.envVars"
+					autocomplete="off"
+					type="text"
+					placeholder="Enter environmental variables..."
+					wrapper-class="w-full"
+				/>
+			</div>
 		</div>
 
-		<hr class="mt-4 bg-button-border border-none h-[1px]" />
+		<hr class="my-6 bg-button-border border-none h-[1px]" />
 
-		<h2 class="mt-4 m-0 text-lg font-extrabold text-contrast">Memory allocated</h2>
-		<p class="m-0 mt-1 leading-tight">The memory allocated to each instance when it is ran.</p>
-		<Slider
-			id="max-memory"
-			v-model="settings.memory.maximum"
-			:min="512"
-			:max="maxMemory"
-			:step="64"
-			:snap-points="snapPoints"
-			:snap-range="512"
-			unit="MB"
-		/>
+		<div class="flex flex-col gap-6">
+			<div class="flex flex-col gap-2.5">
+				<h3 class="m-0 text-lg font-semibold text-contrast">Pre launch hook</h3>
+				<StyledInput
+					id="pre-launch"
+					v-model="settings.hooks.pre_launch"
+					autocomplete="off"
+					type="text"
+					placeholder="Enter pre-launch command..."
+					wrapper-class="w-full"
+				/>
+				<p class="m-0 leading-tight">Ran before the instance is launched.</p>
+			</div>
 
-		<h2 class="mt-4 mb-2 text-lg font-extrabold text-contrast">Java arguments</h2>
-		<StyledInput
-			id="java-args"
-			v-model="settings.launchArgs"
-			autocomplete="off"
-			type="text"
-			placeholder="Enter java arguments..."
-			wrapper-class="w-full"
-		/>
+			<div class="flex flex-col gap-2.5">
+				<h3 class="m-0 text-lg font-semibold text-contrast">Wrapper hook</h3>
+				<StyledInput
+					id="wrapper"
+					v-model="settings.hooks.wrapper"
+					autocomplete="off"
+					type="text"
+					placeholder="Enter wrapper command..."
+					wrapper-class="w-full"
+				/>
+				<p class="m-0 leading-tight">Wrapper command for launching Minecraft.</p>
+			</div>
 
-		<h2 class="mt-4 mb-2 text-lg font-extrabold text-contrast">Environmental variables</h2>
-		<StyledInput
-			id="env-vars"
-			v-model="settings.envVars"
-			autocomplete="off"
-			type="text"
-			placeholder="Enter environmental variables..."
-			wrapper-class="w-full"
-		/>
-
-		<hr class="mt-4 bg-button-border border-none h-[1px]" />
-
-		<h2 class="mt-4 m-0 text-lg font-extrabold text-contrast">Hooks</h2>
-
-		<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Pre launch</h3>
-		<p class="m-0 mt-1 mb-2 leading-tight text-secondary">Ran before the instance is launched.</p>
-		<StyledInput
-			id="pre-launch"
-			v-model="settings.hooks.pre_launch"
-			autocomplete="off"
-			type="text"
-			placeholder="Enter pre-launch command..."
-			wrapper-class="w-full"
-		/>
-
-		<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Wrapper</h3>
-		<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-			Wrapper command for launching Minecraft.
-		</p>
-		<StyledInput
-			id="wrapper"
-			v-model="settings.hooks.wrapper"
-			autocomplete="off"
-			type="text"
-			placeholder="Enter wrapper command..."
-			wrapper-class="w-full"
-		/>
-
-		<h3 class="mt-2 m-0 text-base font-extrabold text-primary">Post exit</h3>
-		<p class="m-0 mt-1 mb-2 leading-tight text-secondary">Ran after the game closes.</p>
-		<StyledInput
-			id="post-exit"
-			v-model="settings.hooks.post_exit"
-			autocomplete="off"
-			type="text"
-			placeholder="Enter post-exit command..."
-			wrapper-class="w-full"
-		/>
+			<div class="flex flex-col gap-2.5">
+				<h3 class="m-0 text-lg font-semibold text-contrast">Post exit hook</h3>
+				<StyledInput
+					id="post-exit"
+					v-model="settings.hooks.post_exit"
+					autocomplete="off"
+					type="text"
+					placeholder="Enter post-exit command..."
+					wrapper-class="w-full"
+				/>
+				<p class="m-0 leading-tight">Ran after the game closes.</p>
+			</div>
+		</div>
 	</div>
 </template>
diff --git a/apps/app-frontend/src/components/ui/settings/FeatureFlagSettings.vue b/apps/app-frontend/src/components/ui/settings/FeatureFlagSettings.vue
index dadcab73b..69cbff102 100644
--- a/apps/app-frontend/src/components/ui/settings/FeatureFlagSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/FeatureFlagSettings.vue
@@ -25,26 +25,28 @@ watch(
 )
 </script>
 <template>
-	<div v-for="option in options" :key="option" class="mt-4 flex items-center justify-between">
-		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast capitalize">
-				{{ option.replaceAll('_', ' ') }}
-			</h2>
-		</div>
-		<div class="flex items-center gap-2">
-			<ButtonStyled type="transparent">
-				<button
-					:disabled="themeStore.getFeatureFlag(option) === DEFAULT_FEATURE_FLAGS[option]"
-					@click="setFeatureFlag(option, DEFAULT_FEATURE_FLAGS[option])"
-				>
-					Reset to default
-				</button>
-			</ButtonStyled>
-			<Toggle
-				id="advanced-rendering"
-				:model-value="themeStore.getFeatureFlag(option)"
-				@update:model-value="() => setFeatureFlag(option, !themeStore.getFeatureFlag(option))"
-			/>
+	<div class="flex flex-col gap-2.5 min-w-[600px]">
+		<div v-for="option in options" :key="option" class="flex items-center justify-between">
+			<div>
+				<h2 class="m-0 text-lg font-semibold text-contrast capitalize">
+					{{ option.replaceAll('_', ' ') }}
+				</h2>
+			</div>
+			<div class="flex items-center gap-2">
+				<ButtonStyled type="transparent">
+					<button
+						:disabled="themeStore.getFeatureFlag(option) === DEFAULT_FEATURE_FLAGS[option]"
+						@click="setFeatureFlag(option, DEFAULT_FEATURE_FLAGS[option])"
+					>
+						Reset to default
+					</button>
+				</ButtonStyled>
+				<Toggle
+					id="advanced-rendering"
+					:model-value="themeStore.getFeatureFlag(option)"
+					@update:model-value="() => setFeatureFlag(option, !themeStore.getFeatureFlag(option))"
+				/>
+			</div>
 		</div>
 	</div>
 </template>
diff --git a/apps/app-frontend/src/components/ui/settings/JavaSettings.vue b/apps/app-frontend/src/components/ui/settings/JavaSettings.vue
index 5ceeb088f..08e8b1525 100644
--- a/apps/app-frontend/src/components/ui/settings/JavaSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/JavaSettings.vue
@@ -21,15 +21,21 @@ async function updateJavaVersion(version) {
 }
 </script>
 <template>
-	<div v-for="(javaVersion, index) in [25, 21, 17, 8]" :key="`java-${javaVersion}`">
-		<h2 class="m-0 text-lg font-extrabold text-contrast" :class="{ 'mt-4': index !== 0 }">
-			Java {{ javaVersion }} location
-		</h2>
-		<JavaSelector
-			:id="'java-selector-' + javaVersion"
-			v-model="javaVersions[javaVersion]"
-			:version="javaVersion"
-			@update:model-value="updateJavaVersion"
-		/>
+	<div class="flex flex-col gap-6">
+		<div
+			v-for="(javaVersion, index) in [25, 21, 17, 8]"
+			:key="`java-${javaVersion}`"
+			class="flex flex-col gap-2.5"
+		>
+			<h2 class="m-0 text-lg font-semibold text-contrast" :class="{ 'mt-4': index !== 0 }">
+				Java {{ javaVersion }} location
+			</h2>
+			<JavaSelector
+				:id="'java-selector-' + javaVersion"
+				v-model="javaVersions[javaVersion]"
+				:version="javaVersion"
+				@update:model-value="updateJavaVersion"
+			/>
+		</div>
 	</div>
 </template>
diff --git a/apps/app-frontend/src/components/ui/settings/LanguageSettings.vue b/apps/app-frontend/src/components/ui/settings/LanguageSettings.vue
index 7f3946a87..f93bfdc39 100644
--- a/apps/app-frontend/src/components/ui/settings/LanguageSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/LanguageSettings.vue
@@ -43,7 +43,7 @@ async function onLocaleChange(newLocale: string) {
 </script>
 
 <template>
-	<h2 class="m-0 text-lg font-extrabold text-contrast">Language</h2>
+	<h2 class="m-0 text-lg font-semibold text-contrast">Language</h2>
 
 	<Admonition type="warning" class="mt-2 mb-4">
 		{{ formatMessage(languageSelectorMessages.languageWarning, { platform }) }}
diff --git a/apps/app-frontend/src/components/ui/settings/PrivacySettings.vue b/apps/app-frontend/src/components/ui/settings/PrivacySettings.vue
index 635b3f5ca..3482de94e 100644
--- a/apps/app-frontend/src/components/ui/settings/PrivacySettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/PrivacySettings.vue
@@ -25,8 +25,8 @@ watch(
 <template>
 	<div class="flex items-center justify-between gap-4">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Personalized ads</h2>
-			<p class="m-0 text-sm">
+			<h2 class="m-0 text-lg font-semibold text-contrast">Personalized ads</h2>
+			<p class="m-0 mt-1 text-sm">
 				Modrinth's ad provider, Aditude, shows ads based on your preferences. By disabling this
 				option, you opt out and ads will no longer be shown based on your interests.
 			</p>
@@ -36,8 +36,8 @@ watch(
 
 	<div class="mt-4 flex items-center justify-between gap-4">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Telemetry</h2>
-			<p class="m-0 text-sm">
+			<h2 class="m-0 text-lg font-semibold text-contrast">Telemetry</h2>
+			<p class="m-0 mt-1 text-sm">
 				Modrinth collects anonymized analytics and usage data to improve our user experience and
 				customize your experience. By disabling this option, you opt out and your data will no
 				longer be collected.
@@ -48,8 +48,8 @@ watch(
 
 	<div class="mt-4 flex items-center justify-between gap-4">
 		<div>
-			<h2 class="m-0 text-lg font-extrabold text-contrast">Discord RPC</h2>
-			<p class="m-0 text-sm">
+			<h2 class="m-0 text-lg font-semibold text-contrast">Discord RPC</h2>
+			<p class="m-0 mt-1 text-sm">
 				Manages the Discord Rich Presence integration. Disabling this will cause 'Modrinth' to no
 				longer show up as a game or app you are using on your Discord profile.
 			</p>
diff --git a/apps/app-frontend/src/components/ui/settings/ResourceManagementSettings.vue b/apps/app-frontend/src/components/ui/settings/ResourceManagementSettings.vue
index 99f56f22b..0a8bf5481 100644
--- a/apps/app-frontend/src/components/ui/settings/ResourceManagementSettings.vue
+++ b/apps/app-frontend/src/components/ui/settings/ResourceManagementSettings.vue
@@ -62,67 +62,77 @@ async function findLauncherDir() {
 </script>
 
 <template>
-	<h2 class="m-0 text-lg font-extrabold text-contrast">App directory</h2>
-	<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-		The directory where the launcher stores all of its files. Changes will be applied after
-		restarting the launcher.
-	</p>
+	<div class="flex flex-col gap-6">
+		<div class="flex flex-col gap-2.5">
+			<h2 class="m-0 text-lg font-semibold text-contrast">App directory</h2>
+			<StyledInput
+				id="appDir"
+				v-model="settings.custom_dir"
+				:icon="BoxIcon"
+				type="text"
+				wrapper-class="w-full"
+			>
+				<template #right>
+					<Button class="ml-1.5" @click="findLauncherDir">
+						<FolderSearchIcon />
+					</Button>
+				</template>
+			</StyledInput>
+			<p class="m-0 leading-tight text-secondary">
+				The directory where the launcher stores all of its files. Changes will be applied after
+				restarting the launcher.
+			</p>
+		</div>
 
-	<div class="m-1 my-2">
-		<StyledInput
-			id="appDir"
-			v-model="settings.custom_dir"
-			:icon="BoxIcon"
-			type="text"
-			wrapper-class="w-full"
-		>
-			<template #right>
-				<Button class="r-btn" @click="findLauncherDir">
-					<FolderSearchIcon />
-				</Button>
-			</template>
-		</StyledInput>
+		<div class="flex flex-col gap-2.5">
+			<ConfirmModalWrapper
+				ref="purgeCacheConfirmModal"
+				title="Are you sure you want to purge the cache?"
+				description="If you proceed, your entire cache will be purged. This may slow down the app temporarily."
+				:has-to-type="false"
+				proceed-label="Purge cache"
+				:show-ad-on-close="false"
+				@proceed="purgeCache"
+			/>
+			<h2 class="m-0 text-lg font-semibold text-contrast">App cache</h2>
+			<button id="purge-cache" class="btn min-w-max" @click="$refs.purgeCacheConfirmModal.show()">
+				<TrashIcon />
+				Purge cache
+			</button>
+			<p class="m-0 leading-tight text-secondary">
+				The Modrinth app stores a cache of data to speed up loading. This can be purged to force the
+				app to reload data. This may slow down the app temporarily.
+			</p>
+		</div>
+
+		<div class="flex flex-col gap-2.5">
+			<h2 class="m-0 text-lg font-semibold text-contrast mt-4">Maximum concurrent downloads</h2>
+			<Slider
+				id="max-downloads"
+				v-model="settings.max_concurrent_downloads"
+				:min="1"
+				:max="10"
+				:step="1"
+			/>
+			<p class="m-0 leading-tight text-secondary">
+				The maximum amount of files the launcher can download at the same time. Set this to a lower
+				value if you have a poor internet connection. (app restart required to take effect)
+			</p>
+		</div>
+
+		<div class="flex flex-col gap-2.5">
+			<h2 class="mt-0 m-0 text-lg font-semibold text-contrast">Maximum concurrent writes</h2>
+			<Slider
+				id="max-writes"
+				v-model="settings.max_concurrent_writes"
+				:min="1"
+				:max="50"
+				:step="1"
+			/>
+			<p class="m-0 leading-tight text-secondary">
+				The maximum amount of files the launcher can write to the disk at once. Set this to a lower
+				value if you are frequently getting I/O errors. (app restart required to take effect)
+			</p>
+		</div>
 	</div>
-
-	<div>
-		<ConfirmModalWrapper
-			ref="purgeCacheConfirmModal"
-			title="Are you sure you want to purge the cache?"
-			description="If you proceed, your entire cache will be purged. This may slow down the app temporarily."
-			:has-to-type="false"
-			proceed-label="Purge cache"
-			:show-ad-on-close="false"
-			@proceed="purgeCache"
-		/>
-
-		<h2 class="m-0 text-lg font-extrabold text-contrast">App cache</h2>
-		<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-			The Modrinth app stores a cache of data to speed up loading. This can be purged to force the
-			app to reload data. This may slow down the app temporarily.
-		</p>
-	</div>
-	<button id="purge-cache" class="btn min-w-max" @click="$refs.purgeCacheConfirmModal.show()">
-		<TrashIcon />
-		Purge cache
-	</button>
-
-	<h2 class="m-0 text-lg font-extrabold text-contrast mt-4">Maximum concurrent downloads</h2>
-	<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-		The maximum amount of files the launcher can download at the same time. Set this to a lower
-		value if you have a poor internet connection. (app restart required to take effect)
-	</p>
-	<Slider
-		id="max-downloads"
-		v-model="settings.max_concurrent_downloads"
-		:min="1"
-		:max="10"
-		:step="1"
-	/>
-
-	<h2 class="mt-4 m-0 text-lg font-extrabold text-contrast">Maximum concurrent writes</h2>
-	<p class="m-0 mt-1 mb-2 leading-tight text-secondary">
-		The maximum amount of files the launcher can write to the disk at once. Set this to a lower
-		value if you are frequently getting I/O errors. (app restart required to take effect)
-	</p>
-	<Slider id="max-writes" v-model="settings.max_concurrent_writes" :min="1" :max="50" :step="1" />
 </template>
diff --git a/apps/app-frontend/src/composables/useInstanceConsole.ts b/apps/app-frontend/src/composables/useInstanceConsole.ts
new file mode 100644
index 000000000..4c64e4d84
--- /dev/null
+++ b/apps/app-frontend/src/composables/useInstanceConsole.ts
@@ -0,0 +1,92 @@
+import { createConsoleState } from '@modrinth/ui'
+
+import { clear_log_buffer, get_live_log_buffer, get_logs } from '@/helpers/logs'
+
+type ConsoleState = ReturnType<typeof createConsoleState>
+
+interface LogEntry {
+	filename: string
+	name?: string
+	log_type: string
+	stdout?: string
+	age?: number
+	live?: boolean
+}
+
+interface InstanceConsoleEntry {
+	liveConsole: ConsoleState
+	historicalConsole: ConsoleState
+	historicalCache: Map<string, string>
+	logList: LogEntry[] | null
+}
+
+const instances = new Map<string, InstanceConsoleEntry>()
+
+function getOrCreate(profilePathId: string): InstanceConsoleEntry {
+	let entry = instances.get(profilePathId)
+	if (entry) return entry
+
+	entry = {
+		liveConsole: createConsoleState(),
+		historicalConsole: createConsoleState(),
+		historicalCache: new Map(),
+		logList: null,
+	}
+	instances.set(profilePathId, entry)
+	return entry
+}
+
+async function hydrate(profilePathId: string): Promise<void> {
+	const entry = getOrCreate(profilePathId)
+	if (entry.liveConsole.output.value.length > 0) return
+
+	const buffer = await get_live_log_buffer(profilePathId)
+	if (buffer) {
+		entry.liveConsole.addLegacyLog(buffer)
+	}
+}
+
+async function getHistoricalLogs(profilePathId: string, instancePath: string): Promise<LogEntry[]> {
+	const entry = getOrCreate(profilePathId)
+	if (entry.logList) return entry.logList
+
+	const logs: LogEntry[] = await get_logs(instancePath, false)
+	entry.logList = logs
+
+	for (const log of logs) {
+		if (log.stdout && log.stdout !== '') {
+			entry.historicalCache.set(log.filename, log.stdout)
+		}
+	}
+
+	return logs
+}
+
+function getHistoricalContent(profilePathId: string, filename: string): string | undefined {
+	return instances.get(profilePathId)?.historicalCache.get(filename)
+}
+
+function invalidate(profilePathId: string): void {
+	const entry = instances.get(profilePathId)
+	if (!entry) return
+	entry.historicalCache.clear()
+	entry.logList = null
+}
+
+async function destroy(profilePathId: string): Promise<void> {
+	instances.delete(profilePathId)
+	await clear_log_buffer(profilePathId).catch(() => {})
+}
+
+export function useInstanceConsole(profilePathId: string) {
+	const entry = getOrCreate(profilePathId)
+	return {
+		liveConsole: entry.liveConsole,
+		historicalConsole: entry.historicalConsole,
+		hydrate: () => hydrate(profilePathId),
+		getHistoricalLogs: (instancePath: string) => getHistoricalLogs(profilePathId, instancePath),
+		getHistoricalContent: (filename: string) => getHistoricalContent(profilePathId, filename),
+		invalidate: () => invalidate(profilePathId),
+		destroy: () => destroy(profilePathId),
+	}
+}
diff --git a/apps/app-frontend/src/config.ts b/apps/app-frontend/src/config.ts
new file mode 100644
index 000000000..d9c6bf881
--- /dev/null
+++ b/apps/app-frontend/src/config.ts
@@ -0,0 +1,18 @@
+const trimTrailingSlash = (url: string) => url.replace(/\/$/, '')
+
+const siteUrl = trimTrailingSlash(import.meta.env.MODRINTH_URL || 'https://modrinth.com')
+const labrinthBaseUrl = trimTrailingSlash(
+	import.meta.env.MODRINTH_API_BASE_URL || 'https://api.modrinth.com',
+)
+const archonBaseUrl = trimTrailingSlash(
+	import.meta.env.MODRINTH_ARCHON_BASE_URL || 'https://archon.modrinth.com',
+)
+
+export const config = {
+	siteUrl,
+	stripePublishableKey:
+		import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY ||
+		'pk_test_51JbFxJJygY5LJFfKV50mnXzz3YLvBVe2Gd1jn7ljWAkaBlRz3VQdxN9mXcPSrFbSqxwAb0svte9yhnsmm7qHfcWn00R611Ce7b',
+	labrinthBaseUrl,
+	archonBaseUrl,
+}
diff --git a/apps/app-frontend/src/helpers/events.js b/apps/app-frontend/src/helpers/events.js
index 5c10eaebd..45ef8a011 100644
--- a/apps/app-frontend/src/helpers/events.js
+++ b/apps/app-frontend/src/helpers/events.js
@@ -97,3 +97,23 @@ export async function warning_listener(callback) {
 export async function friend_listener(callback) {
 	return await listen('friend', (event) => callback(event.payload))
 }
+
+/// Payload for the 'log' event
+/*
+    LogPayload {
+        profile_path_id: string,
+        type: "log4j" | "legacy",
+        // log4j fields (when type === "log4j"):
+        timestamp_millis?: number,
+        logger_name?: string,
+        level?: string,
+        thread_name?: string,
+        message?: string,
+        throwable?: string,
+        // legacy fields (when type === "legacy"):
+        message?: string,
+    }
+*/
+export async function log_listener(callback) {
+	return await listen('log', (event) => callback(event.payload))
+}
diff --git a/apps/app-frontend/src/helpers/logs.js b/apps/app-frontend/src/helpers/logs.js
index bb243f2a2..6b4b96774 100644
--- a/apps/app-frontend/src/helpers/logs.js
+++ b/apps/app-frontend/src/helpers/logs.js
@@ -63,3 +63,13 @@ export async function delete_logs(profilePath) {
 export async function get_latest_log_cursor(profilePath, cursor) {
 	return await invoke('plugin:logs|logs_get_latest_log_cursor', { profilePath, cursor })
 }
+
+/// Get all buffered live log lines for a profile from the Rust ring buffer
+export async function get_live_log_buffer(profilePath) {
+	return await invoke('plugin:logs|logs_get_live_log_buffer', { profilePath })
+}
+
+/// Clear the live log buffer for a profile on the Rust side
+export async function clear_log_buffer(profilePath) {
+	return await invoke('plugin:logs|logs_clear_live_log_buffer', { profilePath })
+}
diff --git a/apps/app-frontend/src/pages/Browse.vue b/apps/app-frontend/src/pages/Browse.vue
index f7ec4dcef..dcbe48446 100644
--- a/apps/app-frontend/src/pages/Browse.vue
+++ b/apps/app-frontend/src/pages/Browse.vue
@@ -7,41 +7,31 @@ import {
 	GlobeIcon,
 	PlayIcon,
 	PlusIcon,
-	SearchIcon,
+	SpinnerIcon,
 	StopCircleIcon,
 } from '@modrinth/assets'
-import type { ProjectType, SortType, Tags } from '@modrinth/ui'
+import type { CardAction, ProjectType, Tags } from '@modrinth/ui'
 import {
-	Admonition,
-	ButtonStyled,
-	Checkbox,
+	BrowsePageLayout,
+	BrowseSidebar,
 	commonMessages,
+	CreationFlowModal,
 	defineMessages,
-	DropdownSelect,
 	injectNotificationManager,
-	LoadingIndicator,
-	NavTabs,
-	Pagination,
-	ProjectCard,
-	ProjectCardList,
-	SearchFilterControl,
-	SearchSidebarFilter,
-	StyledInput,
+	provideBrowseManager,
+	useBrowseSearch,
 	useDebugLogger,
-	useSearch,
-	useServerSearch,
 	useVIntl,
 } from '@modrinth/ui'
+import { useQueryClient } from '@tanstack/vue-query'
+import { convertFileSrc } from '@tauri-apps/api/core'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import type { Ref } from 'vue'
-import { computed, nextTick, onUnmounted, ref, shallowRef, toRaw, watch } from 'vue'
+import { computed, onUnmounted, ref, shallowRef, watch } from 'vue'
 import type { LocationQuery } from 'vue-router'
 import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
 
 import ContextMenu from '@/components/ui/ContextMenu.vue'
-import type Instance from '@/components/ui/Instance.vue'
-import InstanceIndicator from '@/components/ui/InstanceIndicator.vue'
-import SearchCard from '@/components/ui/SearchCard.vue'
 import { get_project_v3, get_search_results_v3 } from '@/helpers/cache.js'
 import { process_listener } from '@/helpers/events'
 import { get_by_profile_path } from '@/helpers/process'
@@ -54,7 +44,12 @@ import {
 import { get_categories, get_game_versions, get_loaders } from '@/helpers/tags'
 import type { GameInstance } from '@/helpers/types'
 import { add_server_to_profile, get_profile_worlds, getServerLatency } from '@/helpers/worlds'
+import { injectContentInstall } from '@/providers/content-install'
 import { injectServerInstall } from '@/providers/server-install'
+import {
+	createServerInstallContent,
+	provideServerInstallContent,
+} from '@/providers/setup/server-install-content'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
 import { getServerAddress } from '@/store/install.js'
 
@@ -62,15 +57,37 @@ const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 const { installingServerProjects, playServerProject, showAddServerToInstanceModal } =
 	injectServerInstall()
+const { install: installVersion } = injectContentInstall()
+const queryClient = useQueryClient()
 const debugLog = useDebugLogger('Browse')
 
 const router = useRouter()
 const route = useRoute()
-
-const projectTypes = computed(() => {
-	debugLog('projectTypes computed', route.params.projectType)
-	return [route.params.projectType as ProjectType]
-})
+const serverSetupModalRef = ref<InstanceType<typeof CreationFlowModal> | null>(null)
+const serverInstallContent = createServerInstallContent({ serverSetupModalRef })
+provideServerInstallContent(serverInstallContent)
+const {
+	serverIdQuery,
+	serverFlowFrom,
+	isFromWorlds,
+	isServerContext,
+	isSetupServerContext,
+	effectiveServerWorldId,
+	serverContextServerData,
+	serverContentProjectIds,
+	serverBackUrl,
+	serverBackLabel,
+	serverBrowseHeading,
+	initServerContext,
+	watchServerContextChanges,
+	searchServerModpacks,
+	getServerProjectVersions,
+	enforceSetupModpackRoute,
+	installProjectToServer,
+	onServerFlowBack,
+	handleServerModpackFlowCreate,
+	markServerProjectInstalled,
+} = serverInstallContent
 
 debugLog('fetching tags (categories, loaders, gameVersions)')
 const [categories, loaders, availableGameVersions] = await Promise.all([
@@ -110,7 +127,6 @@ const installedProjectIds: Ref<string[] | null> = ref(null)
 const instanceHideInstalled = ref(false)
 const newlyInstalled = ref<string[]>([])
 const isServerInstance = ref(false)
-const isFromWorlds = computed(() => route.query.from === 'worlds')
 
 if (isFromWorlds.value && route.params.projectType !== 'server') {
 	router.replace({
@@ -119,16 +135,26 @@ if (isFromWorlds.value && route.params.projectType !== 'server') {
 	})
 }
 
+enforceSetupModpackRoute(route.params.projectType as string | undefined)
+
 const allInstalledIds = computed(
 	() => new Set([...newlyInstalled.value, ...(installedProjectIds.value ?? [])]),
 )
 
-const PERSISTENT_QUERY_PARAMS = ['i', 'ai', 'from']
+watchServerContextChanges()
 
 await initInstanceContext()
 
 async function initInstanceContext() {
-	debugLog('initInstanceContext', { queryI: route.query.i, queryAi: route.query.ai })
+	debugLog('initInstanceContext', {
+		queryI: route.query.i,
+		queryAi: route.query.ai,
+		querySid: route.query.sid,
+		queryWid: route.query.wid,
+		queryFrom: route.query.from,
+	})
+	await initServerContext()
+
 	if (route.query.i) {
 		instance.value = (await getInstance(route.query.i as string).catch(handleError)) ?? null
 		debugLog('instance loaded', {
@@ -137,9 +163,6 @@ async function initInstanceContext() {
 			gameVersion: instance.value?.game_version,
 		})
 
-		// Load installed project IDs in background — the page and initial search render immediately.
-		// When this resolves, instanceFilters recomputes and triggers a search refresh
-		// that applies the "hide installed" negative filters and marks installed badges.
 		if (route.query.from === 'worlds') {
 			get_profile_worlds(route.query.i as string)
 				.then((worlds) => {
@@ -172,7 +195,7 @@ async function initInstanceContext() {
 		}
 	}
 
-	if (route.query.ai && !(projectTypes.value.length === 1 && projectTypes.value[0] === 'modpack')) {
+	if (route.query.ai && !(route.params.projectType === 'modpack')) {
 		debugLog('setting instanceHideInstalled from query', route.query.ai)
 		instanceHideInstalled.value = route.query.ai === 'true'
 	}
@@ -180,37 +203,22 @@ async function initInstanceContext() {
 
 const instanceFilters = computed(() => {
 	const filters = []
-	debugLog('instanceFilters recomputing', {
-		hasInstance: !!instance.value,
-		isServer: isServerInstance.value,
-		hideInstalled: instanceHideInstalled.value,
-	})
 
 	if (instance.value) {
 		const gameVersion = instance.value.game_version
 		if (gameVersion) {
-			filters.push({
-				type: 'game_version',
-				option: gameVersion,
-			})
+			filters.push({ type: 'game_version', option: gameVersion })
 		}
 
 		const platform = instance.value.loader
-
 		const supportedModLoaders = ['fabric', 'forge', 'quilt', 'neoforge']
 
-		if (platform && projectTypes.value.includes('mod') && supportedModLoaders.includes(platform)) {
-			filters.push({
-				type: 'mod_loader',
-				option: platform,
-			})
+		if (platform && projectType.value === 'mod' && supportedModLoaders.includes(platform)) {
+			filters.push({ type: 'mod_loader', option: platform })
 		}
 
 		if (isServerInstance.value) {
-			filters.push({
-				type: 'environment',
-				option: 'client',
-			})
+			filters.push({ type: 'environment', option: 'client' })
 		}
 
 		if (
@@ -218,60 +226,58 @@ const instanceFilters = computed(() => {
 			(installedProjectIds.value || newlyInstalled.value.length > 0)
 		) {
 			const allInstalled = [...(installedProjectIds.value ?? []), ...newlyInstalled.value]
-
 			allInstalled
-				.map((x) => ({
-					type: 'project_id',
-					option: `project_id:${x}`,
-					negative: true,
-				}))
+				.map((x) => ({ type: 'project_id', option: `project_id:${x}`, negative: true }))
 				.forEach((x) => filters.push(x))
 		}
 	}
 
-	debugLog('instanceFilters result', filters)
 	return filters
 })
 
-const {
-	// Selections
-	query,
-	currentSortType,
-	currentFilters,
-	toggledGroups,
-	maxResults,
-	currentPage,
-	overriddenProvidedFilterTypes,
+const serverHideInstalled = ref(false)
+if (route.query.shi) {
+	serverHideInstalled.value = route.query.shi === 'true'
+}
 
-	// Lists
-	filters,
-	sortTypes,
+const serverContextFilters = computed(() => {
+	const filters: { type: string; option: string; negative?: boolean }[] = []
+	if (!serverContextServerData.value) return filters
+	const pt = projectType.value
 
-	// Computed
-	requestParams,
+	if (pt !== 'modpack') {
+		const gameVersion = serverContextServerData.value.mc_version
+		if (gameVersion) filters.push({ type: 'game_version', option: gameVersion })
 
-	// Functions
-	createPageParams,
-} = useSearch(projectTypes, tags, instanceFilters)
+		const platform = serverContextServerData.value.loader?.toLowerCase()
+		if (platform && ['fabric', 'forge', 'quilt', 'neoforge'].includes(platform))
+			filters.push({ type: 'mod_loader', option: platform })
+		if (platform && ['paper', 'purpur'].includes(platform))
+			filters.push({ type: 'plugin_loader', option: platform })
 
-const activeLoader = computed(() => {
-	const filter = currentFilters.value.find((f) => f.type === 'mod_loader')
-	if (filter) return filter.option
-	if (projectType.value === 'datapack' || projectType.value === 'resourcepack') return 'vanilla'
-	return instance.value?.loader ?? null
+		if (pt === 'mod') filters.push({ type: 'environment', option: 'server' })
+	}
+
+	if (pt === 'modpack') {
+		filters.push(
+			{ type: 'environment', option: 'client' },
+			{ type: 'environment', option: 'server' },
+		)
+	}
+
+	if (serverHideInstalled.value && serverContentProjectIds.value.size > 0) {
+		for (const id of serverContentProjectIds.value) {
+			filters.push({ type: 'project_id', option: `project_id:${id}`, negative: true })
+		}
+	}
+
+	return filters
 })
 
-const activeGameVersion = computed(() => {
-	const filter = currentFilters.value.find((f) => f.type === 'game_version')
-	if (filter) return filter.option
-	return instance.value?.game_version ?? null
-})
+const combinedProvidedFilters = computed(() =>
+	isServerContext.value ? serverContextFilters.value : instanceFilters.value,
+)
 
-const serverHits = shallowRef<Labrinth.Search.v3.ResultSearchProject[]>([])
-const filteredServerHits = computed(() => {
-	if (!instanceHideInstalled.value || allInstalledIds.value.size === 0) return serverHits.value
-	return serverHits.value.filter((hit) => !allInstalledIds.value.has(hit.project_id))
-})
 const serverPings = shallowRef<Record<string, number | undefined>>({})
 const runningServerProjects = ref<Record<string, string>>({})
 
@@ -304,9 +310,11 @@ async function handleStopServerProject(projectId: string) {
 async function handlePlayServerProject(projectId: string) {
 	debugLog('handlePlayServerProject', projectId)
 	await playServerProject(projectId)
-	checkServerRunningStates(serverHits.value)
+	checkServerRunningStates(lastServerHits.value)
 }
 
+const lastServerHits = shallowRef<Labrinth.Search.v3.ResultSearchProject[]>([])
+
 async function handleAddServerToInstance(project: Labrinth.Search.v3.ResultSearchProject) {
 	debugLog('handleAddServerToInstance', { projectId: project.project_id, name: project.name })
 	const address = getServerAddress(project.minecraft_java_server)
@@ -331,6 +339,22 @@ async function handleAddServerToInstance(project: Labrinth.Search.v3.ResultSearc
 	}
 }
 
+async function pingServerHits(hits: Labrinth.Search.v3.ResultSearchProject[]) {
+	debugLog('pingServerHits', { hitCount: hits.length })
+	const pingsToFetch = hits.filter((hit) => hit.minecraft_java_server?.address)
+	await Promise.all(
+		pingsToFetch.map(async (hit) => {
+			const address = hit.minecraft_java_server!.address!
+			try {
+				const latency = await getServerLatency(address)
+				serverPings.value = { ...serverPings.value, [hit.project_id]: latency }
+			} catch (err) {
+				console.error(`Failed to ping server ${address}:`, err)
+			}
+		}),
+	)
+}
+
 const unlistenProcesses = await process_listener(
 	(e: { event: string; profile_path_id: string }) => {
 		debugLog('process event', e)
@@ -350,45 +374,6 @@ onUnmounted(() => {
 	unlistenProcesses()
 })
 
-const {
-	serverCurrentSortType,
-	serverCurrentFilters,
-	serverToggledGroups,
-	serverSortTypes,
-	serverFilterTypes,
-	serverRequestParams,
-	createServerPageParams,
-} = useServerSearch({ tags, query, maxResults, currentPage })
-
-if (instance.value?.game_version) {
-	const gv = instance.value.game_version
-	const alreadyHasGv = serverCurrentFilters.value.some(
-		(f) => f.type === 'server_game_version' && f.option === gv,
-	)
-	if (!alreadyHasGv) {
-		serverCurrentFilters.value.push({ type: 'server_game_version', option: gv })
-	}
-}
-
-async function pingServerHits(hits: Labrinth.Search.v3.ResultSearchProject[]) {
-	debugLog('pingServerHits', { hitCount: hits.length })
-	const pingsToFetch = hits.filter((hit) => hit.minecraft_java_server?.address)
-	await Promise.all(
-		pingsToFetch.map(async (hit) => {
-			const address = hit.minecraft_java_server!.address!
-			try {
-				const latency = await getServerLatency(address)
-				serverPings.value = { ...serverPings.value, [hit.project_id]: latency }
-			} catch (err) {
-				console.error(`Failed to ping server ${address}:`, err)
-			}
-		}),
-	)
-}
-
-const previousFilterState = ref('')
-let searchVersion = 0
-
 const offline = ref(!navigator.onLine)
 window.addEventListener('offline', () => {
 	debugLog('went offline')
@@ -501,185 +486,21 @@ onBeforeRouteLeave(() => {
 	})
 })
 
-const loading = ref(true)
-
 const projectType = ref<ProjectType>(route.params.projectType as ProjectType)
 
-watch(projectType, () => {
-	loading.value = true
-})
-
-interface SearchResults extends Labrinth.Search.v3.SearchResults {
-	hits: (Labrinth.Search.v3.ResultSearchProject & { installed?: boolean })[]
-}
-
-const results: Ref<SearchResults | null> = shallowRef(null)
-const pageCount = computed(() =>
-	results.value ? Math.ceil(results.value.total_hits / results.value.hits_per_page) : 1,
-)
-
-const effectiveRequestParams = computed(() => {
-	const isServer = projectType.value === 'server'
-	debugLog('effectiveRequestParams computed', { isServer })
-	return isServer ? serverRequestParams.value : requestParams.value
-})
-
-let searchDebounceTimer: ReturnType<typeof setTimeout> | null = null
-
-watch(effectiveRequestParams, () => {
-	if (!route.params.projectType) return
-	debugLog('effectiveRequestParams changed, debouncing search')
-	if (searchDebounceTimer) clearTimeout(searchDebounceTimer)
-	searchDebounceTimer = setTimeout(() => {
-		refreshSearch()
-	}, 200)
-})
-
-async function refreshSearch() {
-	const version = ++searchVersion
-	debugLog('refreshSearch start', { version, projectType: projectType.value })
-
-	try {
-		const isServer = projectType.value === 'server'
-		const searchParams = isServer ? serverRequestParams.value : requestParams.value
-
-		debugLog('searching v3', searchParams)
-		let rawResults = (await get_search_results_v3(searchParams)) as {
-			result: SearchResults
-		} | null
-
-		if (version !== searchVersion) {
-			debugLog('search version stale, discarding', { version, current: searchVersion })
-			return
-		}
-
-		if (!rawResults) {
-			rawResults = {
-				result: {
-					hits: [],
-					total_hits: 0,
-					hits_per_page: maxResults.value,
-					page: 1,
-				},
-			}
-		}
-
-		if (isServer) {
-			const hits = rawResults.result.hits ?? []
-			debugLog('server search results', {
-				hitCount: hits.length,
-				totalHits: rawResults.result.total_hits,
-			})
-			serverHits.value = hits
-			serverPings.value = {}
-			pingServerHits(hits)
-			checkServerRunningStates(hits)
-			results.value = {
-				hits: [],
-				total_hits: rawResults.result.total_hits ?? 0,
-				hits_per_page: maxResults.value,
-				page: 1,
-			}
-		} else {
-			if (instance.value) {
-				const allInstalledIds = new Set([
-					...newlyInstalled.value,
-					...(installedProjectIds.value ?? []),
-				])
-
-				rawResults.result.hits = rawResults.result.hits.map((val) => ({
-					...val,
-					installed: allInstalledIds.has(val.project_id),
-				}))
-			}
-			debugLog('v3 search results', {
-				hitCount: rawResults.result.hits.length,
-				totalHits: rawResults.result.total_hits,
-			})
-			results.value = {
-				...rawResults.result,
-				hits_per_page: maxResults.value,
-			}
-		}
-
-		const currentFilterState = JSON.stringify({
-			query: query.value,
-			filters: toRaw(currentFilters.value),
-			sort: toRaw(currentSortType.value),
-			maxResults: maxResults.value,
-			projectTypes: toRaw(projectTypes.value),
-		})
-
-		if (previousFilterState.value && previousFilterState.value !== currentFilterState) {
-			debugLog('filters changed, resetting to page 1')
-			currentPage.value = 1
-		}
-
-		previousFilterState.value = currentFilterState
-
-		const persistentParams: LocationQuery = {}
-
-		for (const [key, value] of Object.entries(route.query)) {
-			if (PERSISTENT_QUERY_PARAMS.includes(key)) {
-				persistentParams[key] = value
-			}
-		}
-
-		if (instanceHideInstalled.value) {
-			persistentParams.ai = 'true'
-		} else {
-			delete persistentParams.ai
-		}
-
-		const params = {
-			...persistentParams,
-			...(isServer ? createServerPageParams() : createPageParams()),
-		}
-
-		debugLog('updating URL', params)
-		router.replace({ path: route.path, query: params })
-
-		loading.value = false
-		debugLog('refreshSearch complete', { version })
-	} catch (err) {
-		debugLog('refreshSearch error', err)
-		if (version === searchVersion) {
-			loading.value = false
-		}
-	}
-}
-
-async function setPage(newPageNumber: number) {
-	debugLog('setPage', newPageNumber)
-	currentPage.value = newPageNumber
-
-	await onSearchChangeToTop()
-}
-
-const searchWrapper: Ref<HTMLElement | null> = ref(null)
-
-async function onSearchChangeToTop() {
-	await nextTick()
-
-	window.scrollTo({ top: 0, behavior: 'smooth' })
-}
-
-function clearSearch() {
-	debugLog('clearSearch')
-	query.value = ''
-	currentPage.value = 1
-}
-
 watch(
 	() => route.params.projectType as ProjectType,
 	async (newType) => {
-		// Check if the newType is not the same as the current value
+		if (isSetupServerContext.value) {
+			enforceSetupModpackRoute(newType)
+			if (newType !== 'modpack') return
+		}
+
 		if (!newType || newType === projectType.value) return
 
 		debugLog('projectType route param changed', { from: projectType.value, to: newType })
 		projectType.value = newType
 
-		// If instance context was removed (e.g. sidebar browse navigation), reset state
 		if (!route.query.i && instance.value) {
 			debugLog('instance context removed, resetting')
 			instance.value = null
@@ -690,9 +511,6 @@ watch(
 			breadcrumbs.setName('BrowseTitle', formatMessage(messages.discoverContent))
 			breadcrumbs.setContext(null)
 		}
-
-		currentSortType.value = { display: 'Relevance', name: 'relevance' }
-		query.value = ''
 	},
 )
 
@@ -722,19 +540,19 @@ const selectableProjectTypes = computed(() => {
 
 	const params: LocationQuery = {}
 
-	if (route.query.i) {
-		params.i = route.query.i
-	}
-	if (route.query.ai) {
-		params.ai = route.query.ai
-	}
-	if (route.query.from) {
-		params.from = route.query.from
-	}
+	if (route.query.i) params.i = route.query.i
+	if (route.query.ai) params.ai = route.query.ai
+	if (route.query.from) params.from = route.query.from
+	if (route.query.sid) params.sid = route.query.sid
+	if (effectiveServerWorldId.value) params.wid = effectiveServerWorldId.value
 
 	const queryString = new URLSearchParams(params as Record<string, string>).toString()
 	const suffix = queryString ? `?${queryString}` : ''
 
+	if (isSetupServerContext.value) {
+		return [{ label: 'Modpacks', href: `/browse/modpack${suffix}` }]
+	}
+
 	if (isFromWorlds.value) {
 		return [{ label: 'Servers', href: `/browse/server${suffix}` }]
 	}
@@ -756,7 +574,7 @@ const getServerModpackContent = (project: Labrinth.Search.v3.ResultSearchProject
 		if (!project_name) return undefined
 		return {
 			name: project_name,
-			icon: project_icon,
+			icon: project_icon ?? undefined,
 			onclick:
 				project_id !== project.project_id
 					? () => {
@@ -769,18 +587,11 @@ const getServerModpackContent = (project: Labrinth.Search.v3.ResultSearchProject
 	return undefined
 }
 
-const options = ref(null)
+const contextMenuRef = ref(null)
 // @ts-expect-error - no event types
 const handleRightClick = (event, result) => {
 	// @ts-ignore
-	options.value?.showMenu(event, result, [
-		{
-			name: 'open_link',
-		},
-		{
-			name: 'copy_link',
-		},
-	])
+	contextMenuRef.value?.showMenu(event, result, [{ name: 'open_link' }, { name: 'copy_link' }])
 }
 // @ts-expect-error - no event types
 const handleOptionsClick = (args) => {
@@ -796,337 +607,377 @@ const handleOptionsClick = (args) => {
 	}
 }
 
-debugLog('performing initial search')
-await refreshSearch()
+const installContext = computed(() => {
+	if (isServerContext.value && serverContextServerData.value) {
+		return {
+			name: serverContextServerData.value.name,
+			loader: serverContextServerData.value.loader ?? '',
+			gameVersion: serverContextServerData.value.mc_version ?? '',
+			serverId: serverIdQuery.value,
+			upstream: serverContextServerData.value.upstream,
+			iconSrc: null as string | null,
+			isMedal: serverContextServerData.value.is_medal,
+			backUrl: serverBackUrl.value,
+			backLabel: serverBackLabel.value,
+			heading: serverBrowseHeading.value,
+		}
+	}
+	if (instance.value) {
+		return {
+			name: instance.value.name,
+			loader: instance.value.loader,
+			gameVersion: instance.value.game_version,
+			iconSrc: instance.value.icon_path ? convertFileSrc(instance.value.icon_path) : null,
+			backUrl: `/instance/${encodeURIComponent(instance.value.path)}${isFromWorlds.value ? '/worlds' : ''}`,
+			backLabel: 'Back to instance',
+			heading: formatMessage(
+				isFromWorlds.value ? messages.addServersToInstance : messages.installContentToInstance,
+			),
+			warning:
+				isServerInstance.value && !isFromWorlds.value
+					? 'Adding content can break compatibility when joining the server. Any added content will also be lost when you update the server instance content.'
+					: undefined,
+		}
+	}
+	return null
+})
 
-// Initialize previousFilterState after first search
-previousFilterState.value = JSON.stringify({
-	query: query.value,
-	filters: currentFilters.value,
-	sort: currentSortType.value,
-	maxResults: maxResults.value,
-	projectTypes: projectTypes.value,
+const installingProjectIds = ref<Set<string>>(new Set())
+
+function getCardActions(
+	result: Labrinth.Search.v2.ResultSearchProject | Labrinth.Search.v3.ResultSearchProject,
+	currentProjectType: string,
+): CardAction[] {
+	if (currentProjectType === 'server') {
+		const serverResult = result as Labrinth.Search.v3.ResultSearchProject
+		const isInstalled = allInstalledIds.value.has(serverResult.project_id)
+
+		if (isFromWorlds.value && instance.value) {
+			return [
+				{
+					key: 'add-to-instance',
+					label: formatMessage(isInstalled ? messages.added : messages.addToInstance),
+					icon: isInstalled ? CheckIcon : PlusIcon,
+					disabled: isInstalled,
+					color: 'brand',
+					type: 'outlined',
+					onClick: () => handleAddServerToInstance(serverResult),
+				},
+			]
+		}
+
+		const actions: CardAction[] = []
+
+		actions.push({
+			key: 'add',
+			label: '',
+			icon: isInstalled ? CheckIcon : PlusIcon,
+			disabled: isInstalled,
+			circular: true,
+			tooltip: isInstalled
+				? formatMessage(messages.alreadyAdded)
+				: instance.value
+					? formatMessage(messages.addToInstanceName, { instanceName: instance.value.name })
+					: formatMessage(messages.addServerToInstance),
+			onClick: () => handleAddServerToInstance(serverResult),
+		})
+
+		if (runningServerProjects.value[serverResult.project_id]) {
+			actions.push({
+				key: 'stop',
+				label: formatMessage(commonMessages.stopButton),
+				icon: StopCircleIcon,
+				color: 'red',
+				type: 'outlined',
+				onClick: () => handleStopServerProject(serverResult.project_id),
+			})
+		} else {
+			const isInstalling = (installingServerProjects.value as string[]).includes(
+				serverResult.project_id,
+			)
+			actions.push({
+				key: 'play',
+				label: formatMessage(
+					isInstalling ? commonMessages.installingLabel : commonMessages.playButton,
+				),
+				icon: PlayIcon,
+				disabled: isInstalling,
+				color: 'brand',
+				type: 'outlined',
+				onClick: () => handlePlayServerProject(serverResult.project_id),
+			})
+		}
+
+		return actions
+	}
+
+	// Non-server project actions
+	const projectResult = result as (Labrinth.Search.v2.ResultSearchProject &
+		Labrinth.Search.v3.ResultSearchProject) & {
+		installed?: boolean
+		installing?: boolean
+	}
+	const isInstalled =
+		projectResult.installed ||
+		allInstalledIds.value.has(projectResult.project_id || '') ||
+		serverContentProjectIds.value.has(projectResult.project_id || '')
+	const isInstalling = installingProjectIds.value.has(projectResult.project_id)
+
+	if (
+		isServerContext.value &&
+		['modpack', 'mod', 'plugin', 'datapack'].includes(currentProjectType)
+	) {
+		return [
+			{
+				key: 'install',
+				label: isInstalling ? 'Installing' : isInstalled ? 'Installed' : 'Install',
+				icon: isInstalled ? CheckIcon : PlusIcon,
+				disabled: isInstalled || isInstalling,
+				color: 'brand',
+				type: 'outlined',
+				onClick: async () => {
+					installingProjectIds.value.add(projectResult.project_id)
+					try {
+						const didInstall = await installProjectToServer(projectResult)
+						if (didInstall !== false) {
+							onSearchResultInstalled(projectResult.project_id)
+						}
+					} catch (err) {
+						handleError(err as Error)
+					} finally {
+						installingProjectIds.value.delete(projectResult.project_id)
+					}
+				},
+			},
+		]
+	}
+
+	const isModpack = projectResult.project_types?.includes('modpack')
+	const shouldUseInstallIcon = !!instance.value || isModpack
+
+	return [
+		{
+			key: 'install',
+			label: isInstalling
+				? 'Installing'
+				: isInstalled
+					? 'Installed'
+					: shouldUseInstallIcon
+						? 'Install'
+						: 'Add to an instance',
+			icon: isInstalling ? SpinnerIcon : isInstalled ? CheckIcon : PlusIcon,
+			disabled: isInstalled || isInstalling,
+			color: 'brand',
+			type: 'outlined',
+			onClick: async () => {
+				installingProjectIds.value.add(projectResult.project_id)
+				await installVersion(
+					projectResult.project_id,
+					null,
+					instance.value ? instance.value.path : null,
+					'SearchCard',
+					(versionId) => {
+						installingProjectIds.value.delete(projectResult.project_id)
+						if (versionId) {
+							onSearchResultInstalled(projectResult.project_id)
+						}
+					},
+					(profile) => {
+						router.push(`/instance/${profile}`)
+					},
+					{
+						preferredLoader: instance.value?.loader ?? undefined,
+						preferredGameVersion: instance.value?.game_version ?? undefined,
+					},
+				).catch((err) => {
+					installingProjectIds.value.delete(projectResult.project_id)
+					handleError(err)
+				})
+			},
+		},
+	]
+}
+
+function onSearchResultInstalled(id: string) {
+	if (isServerContext.value) {
+		markServerProjectInstalled(id)
+		return
+	}
+	newlyInstalled.value.push(id)
+}
+
+async function search(requestParams: string) {
+	debugLog('searching v3', requestParams)
+	const isServer = projectType.value === 'server'
+
+	const rawResults = await queryClient.fetchQuery({
+		queryKey: ['search', 'v3', requestParams],
+		queryFn: () =>
+			get_search_results_v3(requestParams) as Promise<{
+				result: Labrinth.Search.v3.SearchResults & {
+					hits: (Labrinth.Search.v3.ResultSearchProject & { installed?: boolean })[]
+				}
+			} | null>,
+		staleTime: 30_000,
+	})
+
+	if (!rawResults) {
+		return {
+			projectHits: [],
+			serverHits: [],
+			total_hits: 0,
+			per_page: 20,
+		}
+	}
+
+	if (isServer) {
+		const hits = rawResults.result.hits ?? []
+		lastServerHits.value = hits
+		serverPings.value = {}
+		pingServerHits(hits)
+		checkServerRunningStates(hits)
+		return {
+			projectHits: [],
+			serverHits: hits,
+			total_hits: rawResults.result.total_hits ?? 0,
+			per_page: rawResults.result.hits_per_page,
+		}
+	}
+
+	const hits = rawResults.result.hits.map((hit) => {
+		const mapped = {
+			...hit,
+			title: hit.name,
+			description: hit.summary,
+		} as unknown as Labrinth.Search.v2.ResultSearchProject & { installed?: boolean }
+
+		if (instance.value || isServerContext.value) {
+			const installedIds = instance.value
+				? new Set([...newlyInstalled.value, ...(installedProjectIds.value ?? [])])
+				: serverContentProjectIds.value
+			mapped.installed = installedIds.has(hit.project_id)
+		}
+
+		return mapped
+	})
+
+	return {
+		projectHits: hits,
+		serverHits: [],
+		total_hits: rawResults.result.total_hits,
+		per_page: rawResults.result.hits_per_page,
+	}
+}
+
+const isServerFilterContext = computed(() => isServerContext.value || isServerInstance.value)
+
+const lockedFilterMessages = computed(() => ({
+	gameVersion: formatMessage(
+		isServerFilterContext.value
+			? messages.gameVersionProvidedByServer
+			: messages.gameVersionProvidedByInstance,
+	),
+	modLoader: formatMessage(
+		isServerFilterContext.value
+			? messages.modLoaderProvidedByServer
+			: messages.modLoaderProvidedByInstance,
+	),
+	environment: formatMessage(messages.environmentProvidedByServer),
+	syncButton: formatMessage(messages.syncFilterButton),
+	providedBy: formatMessage(
+		isServerFilterContext.value ? messages.providedByServer : messages.providedByInstance,
+	),
+}))
+
+const searchState = useBrowseSearch({
+	projectType,
+	tags,
+	providedFilters: combinedProvidedFilters,
+	search,
+	persistentQueryParams: ['i', 'ai', 'shi', 'sid', 'wid', 'from'],
+	getExtraQueryParams: () => ({
+		sid: serverIdQuery.value || undefined,
+		wid: effectiveServerWorldId.value || undefined,
+		ai: instanceHideInstalled.value ? 'true' : undefined,
+		shi: serverHideInstalled.value ? 'true' : undefined,
+	}),
+})
+
+if (instance.value?.game_version) {
+	const gv = instance.value.game_version
+	const alreadyHasGv = searchState.serverCurrentFilters.value.some(
+		(f) => f.type === 'server_game_version' && f.option === gv,
+	)
+	if (!alreadyHasGv) {
+		searchState.serverCurrentFilters.value.push({ type: 'server_game_version', option: gv })
+	}
+}
+
+await searchState.refreshSearch()
+
+provideBrowseManager({
+	tags,
+	projectType,
+	...searchState,
+	getProjectLink: (result: Labrinth.Search.v2.ResultSearchProject) => ({
+		path: `/project/${result.project_id ?? result.slug}`,
+		query: instance.value ? { i: instance.value.path } : undefined,
+	}),
+	getServerProjectLink: (result: Labrinth.Search.v3.ResultSearchProject) =>
+		`/project/${result.slug ?? result.project_id}`,
+	selectableProjectTypes,
+	showProjectTypeTabs: computed(() => !isServerContext.value),
+	variant: 'app',
+	getCardActions,
+	installContext,
+	providedFilters: combinedProvidedFilters,
+	hideInstalled: computed({
+		get: () => (isServerContext.value ? serverHideInstalled.value : instanceHideInstalled.value),
+		set: (val: boolean) => {
+			if (isServerContext.value) serverHideInstalled.value = val
+			else instanceHideInstalled.value = val
+		},
+	}),
+	showHideInstalled: computed(
+		() => (isServerContext.value && projectType.value !== 'modpack') || !!instance.value,
+	),
+	hideInstalledLabel: computed(() =>
+		formatMessage(isFromWorlds.value ? messages.hideAddedServers : messages.hideInstalledContent),
+	),
+	onInstalled: onSearchResultInstalled,
+	serverPings,
+	getServerModpackContent,
+	onContextMenu: handleRightClick,
+	offline,
+	lockedFilterMessages,
 })
 </script>
 
 <template>
-	<Teleport v-if="filters" to="#sidebar-teleport-target">
-		<div
-			v-if="instance"
-			class="border-0 border-b-[1px] p-4 last:border-b-0 border-[--brand-gradient-border] border-solid"
-		>
-			<Checkbox
-				v-model="instanceHideInstalled"
-				:label="
-					formatMessage(isFromWorlds ? messages.hideAddedServers : messages.hideInstalledContent)
-				"
-				class="filter-checkbox"
-				@update:model-value="onSearchChangeToTop()"
-				@click.prevent.stop
-			/>
-		</div>
-		<template v-if="projectType === 'server'">
-			<SearchSidebarFilter
-				v-for="filterType in serverFilterTypes.filter((f) => f.options.length > 0)"
-				:key="`server-filter-${filterType.id}`"
-				v-model:selected-filters="serverCurrentFilters"
-				v-model:toggled-groups="serverToggledGroups"
-				:provided-filters="[]"
-				:filter-type="filterType"
-				class="border-0 border-b-[1px] [&:first-child>button]:pt-4 last:border-b-0 border-[--brand-gradient-border] border-solid"
-				button-class="button-animation flex flex-col gap-1 px-4 py-3 w-full bg-transparent cursor-pointer border-none hover:bg-button-bg"
-				content-class="mb-3"
-				inner-panel-class="ml-2 mr-3"
-				:open-by-default="
-					![
-						'server_category_minecraft_server_meta',
-						'server_category_minecraft_server_community',
-						'server_game_version',
-						'server_status',
-					].includes(filterType.id)
-				"
-			>
-				<template #header>
-					<h3 class="text-base m-0">{{ filterType.formatted_name }}</h3>
-				</template>
-			</SearchSidebarFilter>
-		</template>
-		<template v-else>
-			<SearchSidebarFilter
-				v-for="filter in filters.filter((f) => f.display !== 'none')"
-				:key="`filter-${filter.id}`"
-				v-model:selected-filters="currentFilters"
-				v-model:toggled-groups="toggledGroups"
-				v-model:overridden-provided-filter-types="overriddenProvidedFilterTypes"
-				:provided-filters="instanceFilters"
-				:filter-type="filter"
-				class="border-0 border-b-[1px] [&:first-child>button]:pt-4 last:border-b-0 border-[--brand-gradient-border] border-solid"
-				button-class="button-animation flex flex-col gap-1 px-4 py-3 w-full bg-transparent cursor-pointer border-none hover:bg-button-bg"
-				content-class="mb-3"
-				inner-panel-class="ml-2 mr-3"
-				:open-by-default="
-					filter.id.startsWith('category') || filter.id === 'environment' || filter.id === 'license'
-				"
-			>
-				<template #header>
-					<h3 class="text-base m-0">{{ filter.formatted_name }}</h3>
-				</template>
-				<template #locked-game_version>
-					{{
-						formatMessage(
-							isServerInstance
-								? messages.gameVersionProvidedByServer
-								: messages.gameVersionProvidedByInstance,
-						)
-					}}
-				</template>
-				<template #locked-mod_loader>
-					{{
-						formatMessage(
-							isServerInstance
-								? messages.modLoaderProvidedByServer
-								: messages.modLoaderProvidedByInstance,
-						)
-					}}
-				</template>
-				<template #locked-environment>
-					{{ formatMessage(messages.environmentProvidedByServer) }}
-				</template>
-				<template #sync-button> {{ formatMessage(messages.syncFilterButton) }} </template>
-			</SearchSidebarFilter>
-		</template>
-	</Teleport>
-	<div ref="searchWrapper" class="flex flex-col gap-3 p-6">
-		<template v-if="instance">
-			<InstanceIndicator :instance="instance" :back-tab="isFromWorlds ? 'worlds' : undefined" />
-			<h1 class="m-0 mb-1 text-xl">
-				{{
-					formatMessage(
-						isFromWorlds ? messages.addServersToInstance : messages.installContentToInstance,
-					)
-				}}
-			</h1>
-			<Admonition v-if="isServerInstance && !isFromWorlds" type="warning" class="mb-1">
-				Adding content can break compatibility when joining the server. Any added content will also
-				be lost when you update the server instance content.
-			</Admonition>
-		</template>
-		<NavTabs :links="selectableProjectTypes" />
-		<StyledInput
-			v-model="query"
-			:icon="SearchIcon"
-			type="text"
-			autocomplete="off"
-			:placeholder="`Search ${projectType}s...`"
-			clearable
-			wrapper-class="w-full"
-			input-class="h-12"
-			@clear="clearSearch()"
-		/>
-		<div class="flex gap-2">
-			<DropdownSelect
-				v-slot="{ selected }"
-				:model-value="projectType === 'server' ? serverCurrentSortType : currentSortType"
-				class="max-w-[16rem]"
-				name="Sort by"
-				:options="(projectType === 'server' ? serverSortTypes : sortTypes) as any"
-				:display-name="(option: SortType | undefined) => option?.display"
-				@update:model-value="
-					(v: SortType) => {
-						if (projectType === 'server') serverCurrentSortType = v
-						else currentSortType = v
-					}
-				"
-			>
-				<span class="font-semibold text-primary">Sort by: </span>
-				<span class="font-semibold text-secondary">{{ selected }}</span>
-			</DropdownSelect>
-			<DropdownSelect
-				v-slot="{ selected }"
-				v-model="maxResults"
-				name="Max results"
-				:options="[5, 10, 15, 20, 50, 100]"
-				class="max-w-[9rem]"
-			>
-				<span class="font-semibold text-primary">View: </span>
-				<span class="font-semibold text-secondary">{{ selected }}</span>
-			</DropdownSelect>
-			<Pagination :page="currentPage" :count="pageCount" class="ml-auto" @switch-page="setPage" />
-		</div>
-		<SearchFilterControl
-			v-if="projectType === 'server'"
-			v-model:selected-filters="serverCurrentFilters"
-			:filters="serverFilterTypes"
-			:provided-filters="[]"
-			:overridden-provided-filter-types="[]"
-		/>
-		<SearchFilterControl
-			v-else
-			v-model:selected-filters="currentFilters"
-			:filters="filters.filter((f) => f.display !== 'none')"
-			:provided-filters="instanceFilters"
-			:overridden-provided-filter-types="overriddenProvidedFilterTypes"
-			:provided-message="isServerInstance ? messages.providedByServer : messages.providedByInstance"
-		/>
-		<div class="search">
-			<section v-if="loading" class="offline">
-				<LoadingIndicator />
-			</section>
-			<section v-else-if="offline && results?.total_hits === 0" class="offline">
-				You are currently offline. Connect to the internet to browse Modrinth!
-			</section>
-			<section
-				v-else-if="
-					projectType === 'server'
-						? filteredServerHits.length === 0
-						: results && results.hits && results.hits.length === 0
-				"
-				class="offline"
-			>
-				No results found for your query!
-			</section>
-
-			<ProjectCardList v-else :layout="'list'">
-				<template v-if="projectType === 'server'">
-					<ProjectCard
-						v-for="project in filteredServerHits"
-						:key="`server-card-${project.project_id}`"
-						:title="project.name"
-						:icon-url="project.icon_url || undefined"
-						:summary="project.summary"
-						:tags="project.categories"
-						:link="`/project/${project.slug ?? project.project_id}`"
-						:server-online-players="project.minecraft_java_server?.ping?.data?.players_online ?? 0"
-						:server-region="project.minecraft_server?.region"
-						:server-recent-plays="project.minecraft_java_server?.verified_plays_2w ?? 0"
-						:server-modpack-content="getServerModpackContent(project)"
-						:server-ping="serverPings[project.project_id]"
-						:server-status-online="!!project.minecraft_java_server?.ping?.data"
-						:hide-online-players-label="true"
-						:hide-recent-plays-label="true"
-						layout="list"
-						:max-tags="2"
-						is-server-project
-						exclude-loaders
-						@contextmenu.prevent.stop="
-							(event: any) =>
-								handleRightClick(event, { project_types: ['server'], slug: project.slug })
-						"
-					>
-						<template #actions>
-							<div class="flex gap-2">
-								<template v-if="isFromWorlds && instance">
-									<ButtonStyled color="brand" type="outlined">
-										<button
-											:disabled="allInstalledIds.has(project.project_id)"
-											@click.stop="() => handleAddServerToInstance(project)"
-										>
-											<CheckIcon v-if="allInstalledIds.has(project.project_id)" />
-											<PlusIcon v-else />
-											{{
-												formatMessage(
-													allInstalledIds.has(project.project_id)
-														? messages.added
-														: messages.addToInstance,
-												)
-											}}
-										</button>
-									</ButtonStyled>
-								</template>
-								<template v-else>
-									<ButtonStyled circular>
-										<button
-											v-tooltip="
-												allInstalledIds.has(project.project_id)
-													? formatMessage(messages.alreadyAdded)
-													: instance
-														? formatMessage(messages.addToInstanceName, {
-																instanceName: instance.name,
-															})
-														: formatMessage(messages.addServerToInstance)
-											"
-											:disabled="allInstalledIds.has(project.project_id)"
-											@click.stop="() => handleAddServerToInstance(project)"
-										>
-											<CheckIcon v-if="allInstalledIds.has(project.project_id)" />
-											<PlusIcon v-else />
-										</button>
-									</ButtonStyled>
-									<ButtonStyled
-										v-if="runningServerProjects[project.project_id]"
-										color="red"
-										type="outlined"
-									>
-										<button @click="() => handleStopServerProject(project.project_id)">
-											<StopCircleIcon />
-											{{ formatMessage(commonMessages.stopButton) }}
-										</button>
-									</ButtonStyled>
-									<ButtonStyled v-else color="brand" type="outlined">
-										<button
-											:disabled="
-												(installingServerProjects as string[]).includes(project.project_id)
-											"
-											@click="() => handlePlayServerProject(project.project_id)"
-										>
-											<PlayIcon />
-											{{
-												formatMessage(
-													(installingServerProjects as string[]).includes(project.project_id)
-														? commonMessages.installingLabel
-														: commonMessages.playButton,
-												)
-											}}
-										</button>
-									</ButtonStyled>
-								</template>
-							</div>
-						</template>
-					</ProjectCard>
-				</template>
-				<template v-else>
-					<SearchCard
-						v-for="result in results?.hits ?? []"
-						:key="result?.project_id"
-						:project-type="projectType"
-						:project="result"
-						:instance="instance ?? undefined"
-						:active-loader="activeLoader ?? undefined"
-						:active-game-version="activeGameVersion ?? undefined"
-						:categories="[
-							...(categories ?? []).filter(
-								(cat) =>
-									result?.display_categories.includes(cat.name) && cat.project_type === projectType,
-							),
-							...(loaders ?? []).filter(
-								(loader) =>
-									result?.display_categories.includes(loader.name) &&
-									loader.supported_project_types?.includes(projectType),
-							),
-						]"
-						:installed="result.installed || allInstalledIds.has(result.project_id || '')"
-						@install="
-							(id) => {
-								newlyInstalled.push(id)
-							}
-						"
-						@contextmenu.prevent.stop="(event: any) => handleRightClick(event, result)"
-					/>
-				</template>
-
-				<ContextMenu ref="options" @option-clicked="handleOptionsClick">
+	<div class="flex flex-col gap-3 p-6">
+		<BrowsePageLayout>
+			<template #after>
+				<ContextMenu ref="contextMenuRef" @option-clicked="handleOptionsClick">
 					<template #open_link> <GlobeIcon /> Open in Modrinth <ExternalIcon /> </template>
 					<template #copy_link> <ClipboardCopyIcon /> Copy link </template>
 				</ContextMenu>
-			</ProjectCardList>
-			<div class="flex justify-end">
-				<pagination
-					:page="currentPage"
-					:count="pageCount"
-					class="pagination-after"
-					@switch-page="setPage"
-				/>
-			</div>
-		</div>
+			</template>
+		</BrowsePageLayout>
+		<CreationFlowModal
+			v-if="isServerContext && projectType === 'modpack'"
+			ref="serverSetupModalRef"
+			:type="serverFlowFrom === 'reset-server' ? 'reset-server' : 'server-onboarding'"
+			:available-loaders="['vanilla', 'fabric', 'neoforge', 'forge', 'quilt', 'paper', 'purpur']"
+			:show-snapshot-toggle="true"
+			:on-back="onServerFlowBack"
+			:search-modpacks="searchServerModpacks"
+			:get-project-versions="getServerProjectVersions"
+			@hide="() => {}"
+			@browse-modpacks="() => {}"
+			@create="handleServerModpackFlowCreate"
+		/>
+		<Teleport to="#sidebar-teleport-target">
+			<BrowseSidebar />
+		</Teleport>
 	</div>
 </template>
diff --git a/apps/app-frontend/src/pages/Servers.vue b/apps/app-frontend/src/pages/Servers.vue
new file mode 100644
index 000000000..9a6291b44
--- /dev/null
+++ b/apps/app-frontend/src/pages/Servers.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { injectModrinthClient, ServersManagePageIndex } from '@modrinth/ui'
+import { useQuery } from '@tanstack/vue-query'
+import { computed } from 'vue'
+
+import { config } from '../config'
+
+const stripePublishableKey = (config.stripePublishableKey as string) || ''
+
+const client = injectModrinthClient()
+
+const { data: products } = useQuery({
+	queryKey: ['billing', 'products'],
+	queryFn: () => client.labrinth.billing_internal.getProducts(),
+})
+
+const resolvedProducts = computed<Labrinth.Billing.Internal.Product[]>(() => products.value ?? [])
+</script>
+
+<template>
+	<ServersManagePageIndex
+		:stripe-publishable-key="stripePublishableKey"
+		:products="resolvedProducts"
+	/>
+</template>
diff --git a/apps/app-frontend/src/pages/hosting/manage/Backups.vue b/apps/app-frontend/src/pages/hosting/manage/Backups.vue
new file mode 100644
index 000000000..59f00d03e
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/Backups.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { injectModrinthServerContext, ServersManageBackupsPage } from '@modrinth/ui'
+
+const { isServerRunning } = injectModrinthServerContext()
+</script>
+
+<template>
+	<ServersManageBackupsPage :is-server-running="isServerRunning" />
+</template>
diff --git a/apps/app-frontend/src/pages/hosting/manage/Content.vue b/apps/app-frontend/src/pages/hosting/manage/Content.vue
new file mode 100644
index 000000000..02742246d
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/Content.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ServersManageContentPage } from '@modrinth/ui'
+</script>
+
+<template>
+	<ServersManageContentPage />
+</template>
diff --git a/apps/app-frontend/src/pages/hosting/manage/Files.vue b/apps/app-frontend/src/pages/hosting/manage/Files.vue
new file mode 100644
index 000000000..532c9b139
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/Files.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ServersManageFilesPage } from '@modrinth/ui'
+</script>
+
+<template>
+	<ServersManageFilesPage />
+</template>
diff --git a/apps/app-frontend/src/pages/hosting/manage/Index.vue b/apps/app-frontend/src/pages/hosting/manage/Index.vue
new file mode 100644
index 000000000..c9837956e
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/Index.vue
@@ -0,0 +1,113 @@
+<template>
+	<div class="h-full w-full py-6">
+		<ServersManageRootLayout
+			:server-id="serverId"
+			:reload-page="() => router.go(0)"
+			:resolve-viewer="resolveViewer"
+			:show-copy-id-action="themeStore.devMode"
+			:navigate-to-billing="() => openUrl('https://modrinth.com/settings/billing')"
+			:navigate-to-servers="() => router.push('/hosting/manage')"
+			:browse-modpacks="
+				({ serverId: sid, worldId: wid, from }) => {
+					router.push({
+						path: '/browse/modpack',
+						query: { sid, wid: wid ?? undefined, from },
+					})
+				}
+			"
+			:browse-content="
+				({ serverId: sid, worldId: wid, type }) => {
+					router.push({
+						path: `/browse/${type}`,
+						query: { sid, wid: wid ?? undefined },
+					})
+				}
+			"
+		>
+			<template #default="{ onReinstall, onReinstallFailed }">
+				<RouterView v-slot="{ Component }">
+					<template v-if="Component">
+						<Suspense>
+							<component
+								:is="Component"
+								@reinstall="onReinstall"
+								@reinstall-failed="onReinstallFailed"
+							/>
+							<template #fallback>
+								<LoadingIndicator />
+							</template>
+						</Suspense>
+					</template>
+				</RouterView>
+			</template>
+		</ServersManageRootLayout>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Archon, Labrinth } from '@modrinth/api-client'
+import { injectAuth, LoadingIndicator, ServersManageRootLayout } from '@modrinth/ui'
+import { useQuery } from '@tanstack/vue-query'
+import { openUrl } from '@tauri-apps/plugin-opener'
+import { computed, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { get_user } from '@/helpers/cache'
+import { get as getCreds } from '@/helpers/mr_auth'
+import { useBreadcrumbs } from '@/store/breadcrumbs'
+import { useTheming } from '@/store/theme'
+
+const route = useRoute()
+const router = useRouter()
+const auth = injectAuth()
+const themeStore = useTheming()
+const breadcrumbs = useBreadcrumbs()
+
+const serverId = computed(() => {
+	const rawId = route.params.id
+	return Array.isArray(rawId) ? rawId[0] : (rawId ?? '')
+})
+
+const { data: serverData } = useQuery({
+	queryKey: computed(() => ['servers', 'detail', serverId.value]),
+	queryFn: () => null as unknown as Archon.Servers.v0.Server,
+	enabled: false,
+})
+
+watch(
+	serverData,
+	(server) => {
+		if (server?.name) {
+			breadcrumbs.setName('Server', server.name)
+			breadcrumbs.setContext({
+				name: server.name,
+				link: `/hosting/manage/${serverId.value}/content`,
+			})
+		}
+	},
+	{ immediate: true },
+)
+
+watch(
+	() => auth.user.value,
+	(user, previousUser) => {
+		if (user || !previousUser) return
+		if (route.path === '/hosting/manage' || route.path === '/hosting/manage/') return
+		void router.replace('/hosting/manage')
+	},
+)
+
+async function resolveViewer(): Promise<{ userId: string | null; userRole: string | null }> {
+	const credentials = await getCreds().catch(() => null)
+	if (!credentials?.user_id) {
+		return { userId: null, userRole: null }
+	}
+
+	const user = await get_user(credentials.user_id, 'bypass').catch(() => null)
+	const typedUser = user as Labrinth.Users.v2.User | null
+	return {
+		userId: credentials.user_id,
+		userRole: typedUser?.role ?? null,
+	}
+}
+</script>
diff --git a/apps/app-frontend/src/pages/hosting/manage/Overview.vue b/apps/app-frontend/src/pages/hosting/manage/Overview.vue
new file mode 100644
index 000000000..7b29977bb
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/Overview.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { ServersManageOverviewPage } from '@modrinth/ui'
+</script>
+
+<template>
+	<ServersManageOverviewPage />
+</template>
diff --git a/apps/app-frontend/src/pages/hosting/manage/index.js b/apps/app-frontend/src/pages/hosting/manage/index.js
new file mode 100644
index 000000000..50052e3f9
--- /dev/null
+++ b/apps/app-frontend/src/pages/hosting/manage/index.js
@@ -0,0 +1,7 @@
+import Backups from './Backups.vue'
+import Content from './Content.vue'
+import Files from './Files.vue'
+import Index from './Index.vue'
+import Overview from './Overview.vue'
+
+export { Backups, Content, Files, Index, Overview }
diff --git a/apps/app-frontend/src/pages/index.js b/apps/app-frontend/src/pages/index.js
index d08a3fbeb..5a4294937 100644
--- a/apps/app-frontend/src/pages/index.js
+++ b/apps/app-frontend/src/pages/index.js
@@ -1,6 +1,7 @@
 import Browse from './Browse.vue'
 import Index from './Index.vue'
+import Servers from './Servers.vue'
 import Skins from './Skins.vue'
 import Worlds from './Worlds.vue'
 
-export { Browse, Index, Skins, Worlds }
+export { Browse, Index, Servers, Skins, Worlds }
diff --git a/apps/app-frontend/src/pages/instance/Index.vue b/apps/app-frontend/src/pages/instance/Index.vue
index bfa8ccf16..7357c7472 100644
--- a/apps/app-frontend/src/pages/instance/Index.vue
+++ b/apps/app-frontend/src/pages/instance/Index.vue
@@ -114,9 +114,9 @@
 							</button>
 						</ButtonStyled>
 						<ButtonStyled v-else-if="playing === true" color="red" size="large">
-							<button @click="stopInstance('InstancePage')">
+							<button :disabled="stopping" @click="stopInstance('InstancePage')">
 								<StopCircleIcon />
-								Stop
+								{{ stopping ? 'Stopping...' : 'Stop' }}
 							</button>
 						</ButtonStyled>
 						<ButtonStyled
@@ -172,7 +172,7 @@
 							color="brand"
 							size="large"
 						>
-							<button disabled>Loading...</button>
+							<button disabled>Starting...</button>
 						</ButtonStyled>
 						<ButtonStyled circular size="large">
 							<button v-tooltip="'Instance settings'" @click="settingsModal?.show()">
@@ -312,6 +312,7 @@ import ContextMenu from '@/components/ui/ContextMenu.vue'
 import ExportModal from '@/components/ui/ExportModal.vue'
 import InstanceSettingsModal from '@/components/ui/modal/InstanceSettingsModal.vue'
 import UpdateToPlayModal from '@/components/ui/modal/UpdateToPlayModal.vue'
+import { useInstanceConsole } from '@/composables/useInstanceConsole'
 import { trackEvent } from '@/helpers/analytics'
 import { get_project_v3 } from '@/helpers/cache.js'
 import { process_listener, profile_listener } from '@/helpers/events'
@@ -345,6 +346,7 @@ window.addEventListener('online', () => {
 const instance = ref<GameInstance>()
 const playing = ref(false)
 const loading = ref(false)
+const stopping = ref(false)
 const exportModal = ref<InstanceType<typeof ExportModal>>()
 const updateToPlayModal = ref<InstanceType<typeof UpdateToPlayModal>>()
 
@@ -494,8 +496,10 @@ const startInstance = async (context: string) => {
 }
 
 const stopInstance = async (context: string) => {
-	playing.value = false
+	stopping.value = true
 	await kill(route.params.id as string).catch(handleError)
+	stopping.value = false
+	playing.value = false
 
 	if (!instance.value) return
 	trackEvent('InstanceStop', {
@@ -644,6 +648,11 @@ const timePlayedHumanized = computed(() => {
 onUnmounted(() => {
 	unlistenProcesses()
 	unlistenProfiles()
+	const profilePath = route.params.id
+	if (profilePath) {
+		const { destroy } = useInstanceConsole(profilePath)
+		destroy()
+	}
 })
 </script>
 
diff --git a/apps/app-frontend/src/pages/instance/Logs.vue b/apps/app-frontend/src/pages/instance/Logs.vue
index 38fba56b0..967985deb 100644
--- a/apps/app-frontend/src/pages/instance/Logs.vue
+++ b/apps/app-frontend/src/pages/instance/Logs.vue
@@ -1,127 +1,24 @@
 <template>
-	<Card class="log-card">
-		<div class="button-row">
-			<DropdownSelect
-				v-model="selectedLogIndex"
-				:default-value="0"
-				name="Log date"
-				:options="logs.map((_, index) => index)"
-				:display-name="(option) => logs[option]?.name"
-				:disabled="logs.length === 0"
-			/>
-			<div class="button-group">
-				<Button :disabled="!logs[selectedLogIndex]" @click="copyLog()">
-					<ClipboardCopyIcon v-if="!copied" />
-					<CheckIcon v-else />
-					{{ copied ? 'Copied' : 'Copy' }}
-				</Button>
-				<Button color="primary" :disabled="offline || !logs[selectedLogIndex]" @click="share">
-					<ShareIcon aria-hidden="true" />
-					Share
-				</Button>
-				<Button
-					v-if="logs[selectedLogIndex] && logs[selectedLogIndex].live === true"
-					@click="clearLiveLog()"
-				>
-					<TrashIcon aria-hidden="true" />
-					Clear
-				</Button>
-
-				<Button
-					v-else
-					:disabled="!logs[selectedLogIndex] || logs[selectedLogIndex].live === true"
-					color="danger"
-					@click="deleteLog()"
-				>
-					<TrashIcon aria-hidden="true" />
-					Delete
-				</Button>
-			</div>
-		</div>
-		<div class="button-row">
-			<StyledInput
-				id="text-filter"
-				v-model="searchFilter"
-				autocomplete="off"
-				:icon="SearchIcon"
-				type="search"
-				input-class="text-filter"
-				placeholder="Type to filter logs..."
-			/>
-			<div class="filter-group">
-				<Checkbox
-					v-for="level in levels"
-					:key="level.toLowerCase()"
-					v-model="levelFilters[level.toLowerCase()]"
-					class="filter-checkbox"
-				>
-					{{ level }}
-				</Checkbox>
-			</div>
-		</div>
-		<div class="log-text">
-			<RecycleScroller
-				v-slot="{ item }"
-				ref="logContainer"
-				class="scroller"
-				:items="displayProcessedLogs"
-				direction="vertical"
-				:item-size="20"
-				key-field="id"
-				buffer="200"
-			>
-				<div class="user no-wrap">
-					<span :style="{ color: item.prefixColor, 'font-weight': item.weight }">{{
-						item.prefix
-					}}</span>
-					<span :style="{ color: item.textColor }">{{ item.text }}</span>
-				</div>
-			</RecycleScroller>
-		</div>
-		<ShareModalWrapper
-			ref="shareModal"
-			header="Share Log"
-			share-title="Instance Log"
-			share-text="Check out this log from an instance on the Modrinth App"
-			:open-in-new-tab="false"
-			link
-		/>
-	</Card>
+	<div class="flex flex-col gap-4 h-full">
+		<ConsolePageLayout />
+	</div>
 </template>
 
 <script setup>
-import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
-
-import { CheckIcon, ClipboardCopyIcon, SearchIcon, ShareIcon, TrashIcon } from '@modrinth/assets'
 import {
-	Button,
-	Card,
-	Checkbox,
-	DropdownSelect,
+	ConsolePageLayout,
+	injectModrinthClient,
 	injectNotificationManager,
-	StyledInput,
+	provideConsoleManager,
 } from '@modrinth/ui'
-import dayjs from 'dayjs'
-import isToday from 'dayjs/plugin/isToday'
-import isYesterday from 'dayjs/plugin/isYesterday'
-import { ofetch } from 'ofetch'
-import { computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onUnmounted, ref, shallowRef, triggerRef, watch, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
-import { RecycleScroller } from 'vue-virtual-scroller'
 
-import ShareModalWrapper from '@/components/ui/modal/ShareModalWrapper.vue'
-import { process_listener } from '@/helpers/events.js'
-import {
-	delete_logs_by_filename,
-	get_latest_log_cursor,
-	get_logs,
-	get_output_by_filename,
-} from '@/helpers/logs.js'
-import { get_by_profile_path } from '@/helpers/process.js'
-
-dayjs.extend(isToday)
-dayjs.extend(isYesterday)
+import { useInstanceConsole } from '@/composables/useInstanceConsole'
+import { log_listener, process_listener } from '@/helpers/events.js'
+import { delete_logs_by_filename, get_output_by_filename } from '@/helpers/logs.js'
 
+const client = injectModrinthClient()
 const { handleError } = injectNotificationManager()
 const route = useRoute()
 
@@ -158,414 +55,179 @@ const props = defineProps({
 	},
 })
 
-const currentLiveLog = ref(null)
-const currentLiveLogCursor = ref(0)
-const emptyText = ['No live game detected.', 'Start your game to proceed.']
+const profilePathId = computed(() => route.params.id)
+const {
+	liveConsole,
+	historicalConsole,
+	hydrate,
+	getHistoricalLogs,
+	getHistoricalContent,
+	invalidate,
+} = useInstanceConsole(profilePathId.value)
 
-const logs = ref([])
-await setLogs()
+await hydrate()
 
-const logsColored = true
+function buildLogList(rawLogs) {
+	return [
+		{ name: 'Live Log', live: true },
+		...rawLogs
+			.filter(
+				(log) =>
+					log.filename !== 'latest_stdout.log' &&
+					log.filename !== 'latest_stdout' &&
+					log.filename !== 'launcher_log.txt' &&
+					log.stdout !== '' &&
+					(log.filename.includes('.log') || log.filename.endsWith('.txt')),
+			)
+			.map((log) => ({
+				...log,
+				name: log.filename || 'Unknown',
+			})),
+	]
+}
+
+const logs = ref(buildLogList([]))
+
+void getHistoricalLogs(props.instance.path)
+	.then((allLogs) => {
+		logs.value = buildLogList(allLogs)
+	})
+	.catch(handleError)
 
 const selectedLogIndex = ref(0)
-const copied = ref(false)
-const logContainer = ref(null)
-const interval = ref(null)
-const userScrolled = ref(false)
-const isAutoScrolling = ref(false)
-const shareModal = ref(null)
+const isLive = computed(() => selectedLogIndex.value === 0)
 
-const levels = ['Comment', 'Error', 'Warn', 'Info', 'Debug', 'Trace']
-const levelFilters = ref({})
-levels.forEach((level) => {
-	levelFilters.value[level.toLowerCase()] = true
+const filteredLogs = computed(() =>
+	props.playing ? logs.value.filter((l) => l.live || l.name !== 'latest.log') : logs.value,
+)
+
+const logSources = computed(() =>
+	filteredLogs.value.map((l, i) => ({
+		id: String(i),
+		name: l?.name ?? `Log ${i}`,
+		live: l?.live ?? false,
+	})),
+)
+
+const activeConsole = computed(() => (isLive.value ? liveConsole : historicalConsole))
+
+const logLines = shallowRef(activeConsole.value.output.value)
+watchEffect(() => {
+	logLines.value = activeConsole.value.output.value
+	triggerRef(logLines)
 })
-const searchFilter = ref('')
 
-function shouldDisplay(processedLine) {
-	if (!processedLine.level) {
-		return true
-	}
+const crashAnalysis = ref(null)
 
-	if (!levelFilters.value[processedLine.level.toLowerCase()]) {
-		return false
-	}
-	if (searchFilter.value !== '') {
-		if (!processedLine.text.toLowerCase().includes(searchFilter.value.toLowerCase())) {
-			return false
+async function analyseForCrash() {
+	const lines = liveConsole.output.value
+	if (lines.length === 0) return
+
+	const content = lines.map((l) => l.text).join('\n')
+	try {
+		const data = await client.mclogs.insights_v1.analyse(content)
+		if (data.analysis?.problems?.length > 0) {
+			crashAnalysis.value = data
 		}
+	} catch {
+		// Crash analysis is best-effort
 	}
-	return true
 }
 
-// Selects from the processed logs which ones should be displayed (shouldDisplay)
-// In addition, splits each line by \n. Each split line is given the same properties as the original line
-const displayProcessedLogs = computed(() => {
-	return processedLogs.value.filter((l) => shouldDisplay(l))
+const selectedLog = computed(() => filteredLogs.value[selectedLogIndex.value])
+
+const deleteDisabled = computed(() => {
+	const log = selectedLog.value
+	if (!log || log.live) return true
+	return log.filename === 'latest.log' && props.playing
 })
 
-const processedLogs = computed(() => {
-	// split based on newline and timestamp lookahead
-	// (not just newline because of multiline messages)
-	const splitPattern = /\n(?=(?:#|\[\d\d:\d\d:\d\d\]))/
-
-	const lines = logs.value[selectedLogIndex.value]?.stdout.split(splitPattern) || []
-	const processed = []
-	let id = 0
-	for (let i = 0; i < lines.length; i++) {
-		// Then split off of \n.
-		// Lines that are not the first have prefix = null
-		const text = getLineText(lines[i])
-		const prefix = getLinePrefix(lines[i])
-		const prefixColor = getLineColor(lines[i], true)
-		const textColor = getLineColor(lines[i], false)
-		const weight = getLineWeight(lines[i])
-		const level = getLineLevel(lines[i])
-		text.split('\n').forEach((line, index) => {
-			processed.push({
-				id: id,
-				text: line,
-				prefix: index === 0 ? prefix : null,
-				prefixColor: prefixColor,
-				textColor: textColor,
-				weight: weight,
-				level: level,
-			})
-			id += 1
-		})
-	}
-	return processed
-})
-
-async function getLiveStdLog() {
-	if (route.params.id) {
-		const processes = await get_by_profile_path(route.params.id).catch(handleError)
-		let returnValue
-		if (processes.length === 0) {
-			returnValue = emptyText.join('\n')
-		} else {
-			const logCursor = await get_latest_log_cursor(
-				props.instance.path,
-				currentLiveLogCursor.value,
-			).catch(handleError)
-			if (logCursor.new_file) {
-				currentLiveLog.value = ''
-			}
-			currentLiveLog.value = currentLiveLog.value + logCursor.output
-			currentLiveLogCursor.value = logCursor.cursor
-			returnValue = currentLiveLog.value
-		}
-		return { name: 'Live Log', stdout: returnValue, live: true }
-	}
-	return null
-}
-
-async function getLogs() {
-	return (await get_logs(props.instance.path, true).catch(handleError))
-		.filter(
-			// filter out latest_stdout.log or anything without .log in it
-			(log) =>
-				log.filename !== 'latest_stdout.log' &&
-				log.filename !== 'latest_stdout' &&
-				log.stdout !== '' &&
-				(log.filename.includes('.log') || log.filename.endsWith('.txt')),
-		)
-		.map((log) => {
-			log.name = log.filename || 'Unknown'
-			log.stdout = 'Loading...'
-			return log
-		})
-}
-
-async function setLogs() {
-	const [liveStd, allLogs] = await Promise.all([getLiveStdLog(), getLogs()])
-	logs.value = [liveStd, ...allLogs]
-}
-
-const copyLog = () => {
-	if (logs.value.length > 0 && logs.value[selectedLogIndex.value]) {
-		navigator.clipboard.writeText(logs.value[selectedLogIndex.value].stdout)
-		copied.value = true
-	}
-}
-
-const share = async () => {
-	if (logs.value.length > 0 && logs.value[selectedLogIndex.value]) {
-		const url = await ofetch('https://api.mclo.gs/1/log', {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/x-www-form-urlencoded',
-			},
-			body: `content=${encodeURIComponent(logs.value[selectedLogIndex.value].stdout)}`,
-		}).catch(handleError)
-
-		shareModal.value.show(url.url)
-	}
-}
-
-watch(selectedLogIndex, async (newIndex) => {
-	copied.value = false
-	userScrolled.value = false
-
-	if (logs.value.length > 1 && newIndex !== 0) {
-		logs.value[newIndex].stdout = 'Loading...'
-		logs.value[newIndex].stdout = await get_output_by_filename(
-			props.instance.path,
-			logs.value[newIndex].log_type,
-			logs.value[newIndex].filename,
-		).catch(handleError)
-	}
-})
-
-if (logs.value.length > 1 && !props.playing) {
-	selectedLogIndex.value = 1
-} else {
+async function deleteSelectedLog() {
+	const log = selectedLog.value
+	if (!log || log.live) return
+	await delete_logs_by_filename(props.instance.path, log.log_type, log.filename)
+	invalidate()
+	const freshLogs = await getHistoricalLogs(props.instance.path)
+	logs.value = buildLogList(freshLogs)
 	selectedLogIndex.value = 0
 }
 
-const deleteLog = async () => {
-	if (logs.value[selectedLogIndex.value] && selectedLogIndex.value !== 0) {
-		const deleteIndex = selectedLogIndex.value
-		selectedLogIndex.value = deleteIndex - 1
-		await delete_logs_by_filename(
-			props.instance.path,
-			logs.value[deleteIndex].log_type,
-			logs.value[deleteIndex].filename,
-		).catch(handleError)
-		await setLogs()
+provideConsoleManager({
+	logLines,
+	logSources,
+	activeLogSourceIndex: selectedLogIndex,
+	showCommandInput: false,
+	loading: ref(false),
+	onClear: () => {
+		activeConsole.value.clear()
+	},
+	onDelete: deleteSelectedLog,
+	deleteDisabled,
+	deleteDisabledTooltip: 'Cannot delete latest.log while the instance is running',
+	shareDisabled: computed(() => props.offline),
+	emptyStateType: 'instance',
+	crashAnalysis,
+	onDismissCrash: () => {
+		crashAnalysis.value = null
+	},
+})
+
+watch(selectedLogIndex, async (newIndex) => {
+	if (newIndex === 0) return
+	const log = filteredLogs.value[newIndex]
+	if (!log) return
+
+	const cached = getHistoricalContent(log.filename)
+	if (cached) {
+		historicalConsole.clear()
+		historicalConsole.addLegacyLog(cached)
+		return
 	}
+
+	const output = await get_output_by_filename(
+		props.instance.path,
+		log.log_type,
+		log.filename,
+	).catch(handleError)
+	if (output) {
+		historicalConsole.clear()
+		historicalConsole.addLegacyLog(output)
+	}
+})
+
+selectedLogIndex.value = 0
+
+if (!props.playing) {
+	void analyseForCrash()
 }
 
-const clearLiveLog = async () => {
-	currentLiveLog.value = ''
-	// does not reset cursor
-}
+const unlistenLog = await log_listener((payload) => {
+	if (payload.profile_path_id !== profilePathId.value) return
 
-const isLineLevel = (text, level) => {
-	if ((text.includes('/INFO') || text.includes('[System] [CHAT]')) && level === 'info') {
-		return true
+	if (payload.type === 'log4j') {
+		liveConsole.addLog4jEvent(payload)
+	} else if (payload.type === 'legacy') {
+		liveConsole.addLegacyLog(payload.message)
 	}
-
-	if (text.includes('/WARN') && level === 'warn') {
-		return true
-	}
-
-	if (text.includes('/DEBUG') && level === 'debug') {
-		return true
-	}
-
-	if (text.includes('/TRACE') && level === 'trace') {
-		return true
-	}
-
-	const errorTriggers = ['/ERROR', 'Exception:', ':?]', 'Error', '[thread', '	at']
-	if (level === 'error') {
-		for (const trigger of errorTriggers) {
-			if (text.includes(trigger)) return true
-		}
-	}
-
-	if (text.trim()[0] === '#' && level === 'comment') {
-		return true
-	}
-	return false
-}
-
-const getLineWeight = (text) => {
-	if (
-		!logsColored ||
-		isLineLevel(text, 'info') ||
-		isLineLevel(text, 'debug') ||
-		isLineLevel(text, 'trace')
-	) {
-		return 'normal'
-	}
-
-	if (isLineLevel(text, 'error') || isLineLevel(text, 'warn')) {
-		return 'bold'
-	}
-}
-
-const getLineLevel = (text) => {
-	for (const level of levels) {
-		if (isLineLevel(text, level.toLowerCase())) {
-			return level
-		}
-	}
-}
-
-const getLineColor = (text, prefix) => {
-	if (isLineLevel(text, 'comment')) {
-		return 'var(--color-green)'
-	}
-
-	if (!logsColored || text.includes('[System] [CHAT]')) {
-		return 'var(--color-white)'
-	}
-	if (
-		(isLineLevel(text, 'info') || isLineLevel(text, 'debug') || isLineLevel(text, 'trace')) &&
-		prefix
-	) {
-		return 'var(--color-blue)'
-	}
-	if (isLineLevel(text, 'warn')) {
-		return 'var(--color-orange)'
-	}
-	if (isLineLevel(text, 'error')) {
-		return 'var(--color-red)'
-	}
-}
-
-const getLinePrefix = (text) => {
-	if (text.includes(']:')) {
-		return text.split(']:')[0] + ']:'
-	}
-}
-
-const getLineText = (text) => {
-	if (text.includes(']:')) {
-		if (text.split(']:').length > 2) {
-			return text.split(']:').slice(1).join(']:')
-		}
-		return text.split(']:')[1]
-	} else {
-		return text
-	}
-}
-
-function handleUserScroll() {
-	if (!isAutoScrolling.value) {
-		userScrolled.value = true
-	}
-}
-
-interval.value = setInterval(async () => {
-	if (logs.value.length > 0) {
-		logs.value[0] = await getLiveStdLog()
-		const scroll = logContainer.value.getScroll()
-
-		// Allow resetting of userScrolled if the user scrolls to the bottom
-		if (selectedLogIndex.value === 0) {
-			if (scroll.end >= logContainer.value.$el.scrollHeight - 10) userScrolled.value = false
-			if (!userScrolled.value) {
-				await nextTick()
-				isAutoScrolling.value = true
-				logContainer.value.scrollToItem(displayProcessedLogs.value.length - 1)
-				setTimeout(() => (isAutoScrolling.value = false), 50)
-			}
-		}
-	}
-}, 250)
+})
 
 const unlistenProcesses = await process_listener(async (e) => {
+	if (e.profile_path_id !== profilePathId.value) return
 	if (e.event === 'launched') {
-		currentLiveLog.value = ''
-		currentLiveLogCursor.value = 0
+		liveConsole.clear()
+		invalidate()
 		selectedLogIndex.value = 0
 	}
 	if (e.event === 'finished') {
-		currentLiveLog.value = ''
-		currentLiveLogCursor.value = 0
-		userScrolled.value = false
-		await setLogs()
-		selectedLogIndex.value = 1
+		invalidate()
+		const freshLogs = await getHistoricalLogs(props.instance.path)
+		logs.value = buildLogList(freshLogs)
+		void analyseForCrash()
 	}
 })
 
-onMounted(() => {
-	logContainer.value.$el.addEventListener('scroll', handleUserScroll)
-})
-
-onBeforeUnmount(() => {
-	logContainer.value.$el.removeEventListener('scroll', handleUserScroll)
-})
 onUnmounted(() => {
-	clearInterval(interval.value)
+	unlistenLog()
 	unlistenProcesses()
 })
 </script>
-
-<style scoped lang="scss">
-.log-card {
-	display: flex;
-	flex-direction: column;
-	gap: 1rem;
-	height: 100vh;
-}
-
-.button-row {
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	gap: 0.5rem;
-}
-
-.button-group {
-	display: flex;
-	flex-direction: row;
-	gap: 0.5rem;
-}
-
-.log-text {
-	width: 100%;
-	height: 100%;
-	font-family: var(--mono-font);
-	background-color: var(--color-accent-contrast);
-	color: var(--color-contrast);
-	border-radius: var(--radius-lg);
-	padding-top: 1.5rem;
-	overflow-x: auto; /* Enables horizontal scrolling */
-	overflow-y: hidden; /* Disables vertical scrolling on this wrapper */
-	white-space: nowrap; /* Keeps content on a single line */
-	white-space: normal;
-	color-scheme: dark;
-}
-
-.filter-checkbox {
-	margin-bottom: 0.3rem;
-	font-size: 1rem;
-
-	svg {
-		display: flex;
-		align-self: center;
-		justify-self: center;
-	}
-}
-
-.filter-group {
-	display: flex;
-	padding: 0.6rem;
-	flex-direction: row;
-	overflow: auto;
-	gap: 0.5rem;
-
-	&::-webkit-scrollbar-track,
-	&::-webkit-scrollbar-thumb {
-		border-radius: 10px;
-	}
-}
-
-:deep(.vue-recycle-scroller__item-wrapper) {
-	overflow: visible; /* Enables horizontal scrolling */
-}
-
-:deep(.vue-recycle-scroller) {
-	&::-webkit-scrollbar-corner {
-		background-color: var(--color-bg);
-		border-radius: 0 0 10px 0;
-	}
-}
-
-.scroller {
-	height: 100%;
-}
-
-.user {
-	height: 32%;
-	padding: 0 1.5rem;
-	display: flex;
-
-	align-items: center;
-	user-select: text;
-}
-</style>
diff --git a/apps/app-frontend/src/pages/instance/Worlds.vue b/apps/app-frontend/src/pages/instance/Worlds.vue
index e8b79f438..861eba018 100644
--- a/apps/app-frontend/src/pages/instance/Worlds.vue
+++ b/apps/app-frontend/src/pages/instance/Worlds.vue
@@ -357,9 +357,7 @@ const MAX_LINUX_REFRESHES = 3
 const isLinux = platform() === 'linux'
 const linuxRefreshCount = ref(0)
 
-const protocolVersion = ref<ProtocolVersion | null>(
-	await get_profile_protocol_version(instance.value.path),
-)
+const protocolVersion = ref<ProtocolVersion | null>(null)
 const managedServerName = ref<string | null>(null)
 const managedServerAddress = ref<string | null>(null)
 
@@ -424,22 +422,27 @@ watch(
 	{ immediate: true },
 )
 
-const unlistenProfile = await profile_listener(async (e: ProfileEvent) => {
-	if (e.profile_path_id !== instance.value.path) return
+const [unlistenProfile, , resolvedProtocolVersion, resolvedGameVersions] = await Promise.all([
+	profile_listener(async (e: ProfileEvent) => {
+		if (e.profile_path_id !== instance.value.path) return
 
-	console.info(`Handling profile event '${e.event}' for profile: ${e.profile_path_id}`)
+		console.info(`Handling profile event '${e.event}' for profile: ${e.profile_path_id}`)
 
-	if (e.event === 'servers_updated') {
-		if (isLinux && linuxRefreshCount.value >= MAX_LINUX_REFRESHES) return
-		if (isLinux) linuxRefreshCount.value++
+		if (e.event === 'servers_updated') {
+			if (isLinux && linuxRefreshCount.value >= MAX_LINUX_REFRESHES) return
+			if (isLinux) linuxRefreshCount.value++
 
-		await refreshAllWorlds()
-	}
+			await refreshAllWorlds()
+		}
 
-	await handleDefaultProfileUpdateEvent(worlds.value, instance.value.path, e)
-})
+		await handleDefaultProfileUpdateEvent(worlds.value, instance.value.path, e)
+	}),
+	refreshAllWorlds(),
+	get_profile_protocol_version(instance.value.path).catch(() => null),
+	get_game_versions().catch(() => [] as GameVersion[]),
+])
 
-await refreshAllWorlds()
+protocolVersion.value = resolvedProtocolVersion
 
 async function refreshServer(address: string) {
 	if (!serverData.value[address]) {
@@ -589,7 +592,7 @@ function worldsMatch(world: World, other: World | undefined) {
 	return false
 }
 
-const gameVersions = ref<GameVersion[]>(await get_game_versions().catch(() => []))
+const gameVersions = ref<GameVersion[]>(resolvedGameVersions)
 const supportsServerQuickPlay = computed(() =>
 	hasServerQuickPlaySupport(gameVersions.value, instance.value.game_version),
 )
diff --git a/apps/app-frontend/src/providers/setup/auth.ts b/apps/app-frontend/src/providers/setup/auth.ts
index bf522c59a..2de8c0acf 100644
--- a/apps/app-frontend/src/providers/setup/auth.ts
+++ b/apps/app-frontend/src/providers/setup/auth.ts
@@ -1,6 +1,6 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { type AuthProvider, provideAuth } from '@modrinth/ui'
-import { type Ref, ref, watchEffect } from 'vue'
+import { computed, type Ref, ref, watchEffect } from 'vue'
 
 type AppCredentials = {
 	session?: string | null
@@ -13,10 +13,12 @@ export function setupAuthProvider(
 ) {
 	const sessionToken = ref<string | null>(null)
 	const user = ref<Labrinth.Users.v2.User | null>(null)
+	const isReady = computed(() => credentials.value !== undefined)
 
 	const authProvider: AuthProvider = {
 		session_token: sessionToken,
 		user,
+		isReady,
 		requestSignIn,
 	}
 
diff --git a/apps/app-frontend/src/providers/setup/server-install-content.ts b/apps/app-frontend/src/providers/setup/server-install-content.ts
new file mode 100644
index 000000000..35919d9d7
--- /dev/null
+++ b/apps/app-frontend/src/providers/setup/server-install-content.ts
@@ -0,0 +1,393 @@
+import type { Archon, Labrinth } from '@modrinth/api-client'
+import {
+	createContext,
+	type CreationFlowContextValue,
+	injectModrinthClient,
+	injectNotificationManager,
+} from '@modrinth/ui'
+import { computed, type ComputedRef, nextTick, type Ref, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+type ServerFlowFrom = 'onboarding' | 'reset-server'
+type ServerInstallableType = 'modpack' | 'mod' | 'plugin' | 'datapack'
+
+type InstallableSearchResult = Labrinth.Search.v3.ResultSearchProject & {
+	installing?: boolean
+	installed?: boolean
+}
+
+interface ServerModpackSelectionRequest {
+	projectId: string
+	versionId: string
+	name: string
+	iconUrl?: string
+}
+
+interface ServerSetupModalHandle {
+	show: () => void | Promise<void>
+	hide: () => void
+	ctx?: CreationFlowContextValue | null
+}
+
+export interface ServerInstallContentContext {
+	serverIdQuery: ComputedRef<string | null>
+	worldIdQuery: ComputedRef<string | null>
+	browseFrom: ComputedRef<string | null>
+	serverFlowFrom: ComputedRef<ServerFlowFrom | null>
+	isFromWorlds: ComputedRef<boolean>
+	isServerContext: ComputedRef<boolean>
+	isSetupServerContext: ComputedRef<boolean>
+	effectiveServerWorldId: ComputedRef<string | null>
+	serverContextServerData: Ref<Archon.Servers.v0.Server | null>
+	serverContentProjectIds: Ref<Set<string>>
+	serverBackUrl: ComputedRef<string>
+	serverBackLabel: ComputedRef<string>
+	serverBrowseHeading: ComputedRef<string>
+	initServerContext: () => Promise<void>
+	watchServerContextChanges: () => void
+	searchServerModpacks: (
+		query: string,
+		limit?: number,
+	) => Promise<Labrinth.Projects.v2.SearchResult>
+	getServerProjectVersions: (projectId: string) => Promise<{ id: string }[]>
+	enforceSetupModpackRoute: (currentProjectType: string | undefined) => void
+	installProjectToServer: (project: InstallableSearchResult) => Promise<boolean>
+	onServerFlowBack: () => void
+	handleServerModpackFlowCreate: (config: CreationFlowContextValue) => Promise<void>
+	markServerProjectInstalled: (id: string) => void
+}
+
+export const [injectServerInstallContent, provideServerInstallContent] =
+	createContext<ServerInstallContentContext>('Browse', 'serverInstallContent')
+
+function readQueryString(value: unknown): string | null {
+	if (Array.isArray(value)) return value[0] ?? null
+	return typeof value === 'string' && value.length > 0 ? value : null
+}
+
+export function createServerInstallContent(opts: {
+	serverSetupModalRef: Ref<ServerSetupModalHandle | null>
+}) {
+	const { serverSetupModalRef } = opts
+	const route = useRoute()
+	const router = useRouter()
+	const client = injectModrinthClient()
+	const { handleError } = injectNotificationManager()
+
+	const serverIdQuery = computed(() => readQueryString(route.query.sid))
+	const worldIdQuery = computed(() => readQueryString(route.query.wid))
+	const browseFrom = computed(() => readQueryString(route.query.from))
+	const serverFlowFrom = computed<ServerFlowFrom | null>(() =>
+		browseFrom.value === 'onboarding' || browseFrom.value === 'reset-server'
+			? browseFrom.value
+			: null,
+	)
+
+	const isFromWorlds = computed(() => browseFrom.value === 'worlds')
+	const isServerContext = computed(() => !!serverIdQuery.value)
+	const isSetupServerContext = computed(() => !!serverIdQuery.value && !!serverFlowFrom.value)
+
+	const serverContextWorldId = ref<string | null>(worldIdQuery.value)
+	const serverContextServerData = ref<Archon.Servers.v0.Server | null>(null)
+	const serverContentProjectIds = ref<Set<string>>(new Set())
+	const effectiveServerWorldId = computed(() => worldIdQuery.value ?? serverContextWorldId.value)
+
+	const serverBackUrl = computed(() => {
+		const sid = serverIdQuery.value
+		if (!sid) return '/hosting/manage'
+		if (serverFlowFrom.value === 'onboarding') {
+			return `/hosting/manage/${sid}?resumeModal=setup-type`
+		}
+		if (serverFlowFrom.value === 'reset-server') {
+			return `/hosting/manage/${sid}?openSettings=installation`
+		}
+		return `/hosting/manage/${sid}/content`
+	})
+	const serverBackLabel = computed(() => {
+		if (serverFlowFrom.value === 'onboarding') return 'Back to setup'
+		if (serverFlowFrom.value === 'reset-server') return 'Cancel reset'
+		return 'Back to server'
+	})
+	const serverBrowseHeading = computed(() => {
+		if (serverFlowFrom.value === 'reset-server') {
+			return 'Select modpack to install after reset'
+		}
+		return 'Install content to server'
+	})
+
+	async function resolveServerContextWorldId(serverId: string) {
+		try {
+			const server = await client.archon.servers_v1.get(serverId)
+			const activeWorld = server.worlds.find((world) => world.is_active)
+			return activeWorld?.id ?? server.worlds[0]?.id ?? null
+		} catch (err) {
+			handleError(err as Error)
+			return null
+		}
+	}
+
+	async function refreshServerInstalledContent(serverId: string, worldId: string) {
+		try {
+			const content = await client.archon.content_v1.getAddons(serverId, worldId)
+			const ids = new Set(
+				(content.addons ?? [])
+					.map((addon) => addon.project_id)
+					.filter((projectId): projectId is string => !!projectId),
+			)
+			serverContentProjectIds.value = ids
+		} catch (err) {
+			handleError(err as Error)
+		}
+	}
+
+	async function initServerContext() {
+		const sid = serverIdQuery.value
+		if (!sid) return
+
+		try {
+			serverContextServerData.value = await client.archon.servers_v0.get(sid)
+		} catch (err) {
+			handleError(err as Error)
+		}
+
+		let resolvedWorldId = effectiveServerWorldId.value
+		if (!resolvedWorldId) {
+			resolvedWorldId = await resolveServerContextWorldId(sid)
+			if (resolvedWorldId) {
+				serverContextWorldId.value = resolvedWorldId
+			}
+		}
+
+		if (resolvedWorldId) {
+			await refreshServerInstalledContent(sid, resolvedWorldId)
+		}
+	}
+
+	function watchServerContextChanges() {
+		watch([serverIdQuery, effectiveServerWorldId], async ([sid, wid], [prevSid, prevWid]) => {
+			if (!sid) {
+				serverContextServerData.value = null
+				serverContentProjectIds.value = new Set()
+				return
+			}
+
+			if (sid !== prevSid) {
+				serverContentProjectIds.value = new Set()
+				try {
+					serverContextServerData.value = await client.archon.servers_v0.get(sid)
+				} catch (err) {
+					handleError(err as Error)
+				}
+			}
+
+			if (wid && (sid !== prevSid || wid !== prevWid)) {
+				await refreshServerInstalledContent(sid, wid)
+			}
+		})
+	}
+
+	function normalizeLoader(loader: string) {
+		return loader.toLowerCase().replaceAll('_', '').replaceAll('-', '').replaceAll(' ', '')
+	}
+
+	function getCompatibleLoaders(loader: string) {
+		const normalized = normalizeLoader(loader)
+		if (!normalized) return new Set<string>()
+		if (normalized === 'paper' || normalized === 'purpur' || normalized === 'spigot') {
+			return new Set(['paper', 'purpur', 'spigot', 'bukkit'])
+		}
+		if (normalized === 'neoforge' || normalized === 'neo') {
+			return new Set(['neoforge', 'neo'])
+		}
+		return new Set([normalized])
+	}
+
+	function enforceSetupModpackRoute(currentProjectType: string | undefined) {
+		if (!isSetupServerContext.value || currentProjectType === 'modpack') return
+		router.replace({
+			path: '/browse/modpack',
+			query: route.query,
+		})
+	}
+
+	async function searchServerModpacks(query: string, limit: number = 10) {
+		return client.labrinth.projects_v2.search({
+			query: query || undefined,
+			new_filters:
+				'project_types = "modpack" AND (client_side = "optional" OR client_side = "required") AND server_side = "required"',
+			limit,
+		})
+	}
+
+	async function getServerProjectVersions(projectId: string) {
+		const versions = await client.labrinth.versions_v3.getProjectVersions(projectId)
+		return versions.map((version) => ({ id: version.id }))
+	}
+
+	async function openServerModpackInstallFlow(request: ServerModpackSelectionRequest) {
+		if (!serverIdQuery.value || !effectiveServerWorldId.value) {
+			throw new Error('Missing server context')
+		}
+
+		const modalInstance = serverSetupModalRef.value
+		if (!modalInstance) return
+
+		modalInstance.show()
+		await nextTick()
+
+		const ctx = modalInstance.ctx
+		if (!ctx) return
+
+		ctx.setupType.value = 'modpack'
+		ctx.modpackSelection.value = {
+			projectId: request.projectId,
+			versionId: request.versionId,
+			name: request.name,
+			iconUrl: request.iconUrl,
+		}
+		ctx.modal.value?.setStage('final-config')
+	}
+
+	function getCurrentServerInstallType(): ServerInstallableType {
+		const raw = Array.isArray(route.params.projectType)
+			? route.params.projectType[0]
+			: route.params.projectType
+		if (raw === 'modpack' || raw === 'mod' || raw === 'plugin' || raw === 'datapack') {
+			return raw
+		}
+		throw new Error('This content type cannot be installed to a server from browse.')
+	}
+
+	async function installProjectToServer(project: InstallableSearchResult) {
+		const contentType = getCurrentServerInstallType()
+		const sid = serverIdQuery.value
+		const wid = effectiveServerWorldId.value
+		if (!sid || !wid) {
+			throw new Error('No server world is available for install.')
+		}
+
+		if (contentType === 'modpack') {
+			const versions = await client.labrinth.versions_v2.getProjectVersions(project.project_id, {
+				include_changelog: false,
+			})
+			const versionId = versions[0]?.id ?? project.version_id
+			if (!versionId) {
+				throw new Error('No version found for this modpack')
+			}
+
+			await openServerModpackInstallFlow({
+				projectId: project.project_id,
+				versionId,
+				name: project.name,
+				iconUrl: project.icon_url ?? undefined,
+			})
+			return false
+		}
+
+		const versions = await client.labrinth.versions_v2.getProjectVersions(project.project_id, {
+			include_changelog: false,
+		})
+		const serverLoader = (serverContextServerData.value?.loader ?? '').toLowerCase()
+		const serverGameVersion = (serverContextServerData.value?.mc_version ?? '').trim()
+		const compatibleLoaders = getCompatibleLoaders(serverLoader)
+
+		const hasGameVersionMatch = (version: Labrinth.Versions.v2.Version) =>
+			!serverGameVersion || version.game_versions.includes(serverGameVersion)
+		const hasLoaderMatch = (version: Labrinth.Versions.v2.Version) => {
+			if (contentType === 'datapack') return true
+			if (compatibleLoaders.size === 0) return true
+			return version.loaders.some((loader) => compatibleLoaders.has(normalizeLoader(loader)))
+		}
+
+		let matchingVersion = versions.find(
+			(version) => hasGameVersionMatch(version) && hasLoaderMatch(version),
+		)
+		if (!matchingVersion) {
+			matchingVersion = versions.find((version) => hasLoaderMatch(version))
+		}
+		if (!matchingVersion) {
+			matchingVersion = versions.find((version) => hasGameVersionMatch(version))
+		}
+		if (!matchingVersion) {
+			matchingVersion = versions[0]
+		}
+		if (!matchingVersion) {
+			throw new Error('No installable version was found for this project.')
+		}
+
+		await client.archon.content_v1.addAddon(sid, wid, {
+			project_id: matchingVersion.project_id,
+			version_id: matchingVersion.id,
+		})
+
+		serverContentProjectIds.value = new Set([...serverContentProjectIds.value, project.project_id])
+		return true
+	}
+
+	function onServerFlowBack() {
+		serverSetupModalRef.value?.hide()
+	}
+
+	async function handleServerModpackFlowCreate(config: CreationFlowContextValue) {
+		const sid = serverIdQuery.value
+		const wid = effectiveServerWorldId.value
+		if (!sid || !wid || !config.modpackSelection.value) {
+			config.loading.value = false
+			return
+		}
+
+		try {
+			await client.archon.content_v1.installContent(sid, wid, {
+				content_variant: 'modpack',
+				spec: {
+					platform: 'modrinth',
+					project_id: config.modpackSelection.value.projectId,
+					version_id: config.modpackSelection.value.versionId,
+				},
+				soft_override: false,
+				properties: config.buildProperties(),
+			} satisfies Archon.Content.v1.InstallWorldContent)
+			serverSetupModalRef.value?.hide()
+
+			if (serverFlowFrom.value === 'onboarding') {
+				await client.archon.servers_v1.endIntro(sid)
+				await router.push(`/hosting/manage/${sid}/content`)
+				return
+			}
+
+			await router.push(`/hosting/manage/${sid}?openSettings=installation`)
+		} catch (err) {
+			handleError(err as Error)
+			config.loading.value = false
+		}
+	}
+
+	function markServerProjectInstalled(id: string) {
+		serverContentProjectIds.value = new Set([...serverContentProjectIds.value, id])
+	}
+
+	return {
+		serverIdQuery,
+		worldIdQuery,
+		browseFrom,
+		serverFlowFrom,
+		isFromWorlds,
+		isServerContext,
+		isSetupServerContext,
+		effectiveServerWorldId,
+		serverContextServerData,
+		serverContentProjectIds,
+		serverBackUrl,
+		serverBackLabel,
+		serverBrowseHeading,
+		initServerContext,
+		watchServerContextChanges,
+		searchServerModpacks,
+		getServerProjectVersions,
+		enforceSetupModpackRoute,
+		installProjectToServer,
+		onServerFlowBack,
+		handleServerModpackFlowCreate,
+		markServerProjectInstalled,
+	}
+}
diff --git a/apps/app-frontend/src/routes.js b/apps/app-frontend/src/routes.js
index 18c6df173..b80137915 100644
--- a/apps/app-frontend/src/routes.js
+++ b/apps/app-frontend/src/routes.js
@@ -1,7 +1,7 @@
-import { ServersManagePageIndex } from '@modrinth/ui'
 import { createRouter, createWebHistory } from 'vue-router'
 
 import * as Pages from '@/pages'
+import * as Hosting from '@/pages/hosting/manage'
 import * as Instance from '@/pages/instance'
 import * as Library from '@/pages/library'
 import * as Project from '@/pages/project'
@@ -31,11 +31,50 @@ export default new createRouter({
 		{
 			path: '/hosting/manage/',
 			name: 'Servers',
-			component: ServersManagePageIndex,
+			component: Pages.Servers,
 			meta: {
 				breadcrumb: [{ name: 'Servers' }],
 			},
 		},
+		{
+			path: '/hosting/manage/:id',
+			name: 'ServerManage',
+			component: Hosting.Index,
+			children: [
+				{
+					path: '',
+					name: 'ServerManageOverview',
+					component: Hosting.Overview,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
+				{
+					path: 'content',
+					name: 'ServerManageContent',
+					component: Hosting.Content,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
+				{
+					path: 'files',
+					name: 'ServerManageFiles',
+					component: Hosting.Files,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
+				{
+					path: 'backups',
+					name: 'ServerManageBackups',
+					component: Hosting.Backups,
+					meta: {
+						breadcrumb: [{ name: '?Server' }],
+					},
+				},
+			],
+		},
 		{
 			path: '/browse/:projectType',
 			name: 'Discover content',
@@ -88,6 +127,13 @@ export default new createRouter({
 				},
 			],
 		},
+		{
+			path: '/:projectType(mod|plugin|datapack|resourcepack|shader|modpack)/:id/:rest(.*)*',
+			redirect: (to) => {
+				const rest = to.params.rest ? `/${[].concat(to.params.rest).join('/')}` : ''
+				return `/project/${to.params.id}${rest}${to.hash}`
+			},
+		},
 		{
 			path: '/project/:id',
 			name: 'Project',
@@ -202,7 +248,8 @@ export default new createRouter({
 	],
 	linkActiveClass: 'router-link-active',
 	linkExactActiveClass: 'router-link-exact-active',
-	scrollBehavior() {
+	scrollBehavior(to, from) {
+		if (to.path === from.path) return
 		// Sometimes Vue's scroll behavior is not working as expected, so we need to manually scroll to top (especially on Linux)
 		document.querySelector('.app-viewport')?.scrollTo(0, 0)
 		return {
diff --git a/apps/app-frontend/src/store/theme.ts b/apps/app-frontend/src/store/theme.ts
index 605596b11..dbdd5a119 100644
--- a/apps/app-frontend/src/store/theme.ts
+++ b/apps/app-frontend/src/store/theme.ts
@@ -5,7 +5,6 @@ export const DEFAULT_FEATURE_FLAGS = {
 	page_path: false,
 	worlds_tab: false,
 	worlds_in_home: true,
-	servers_in_app: false,
 	server_project_qa: false,
 	i18n_debug: false,
 }
diff --git a/apps/app-frontend/tsconfig.app.json b/apps/app-frontend/tsconfig.app.json
index 8d5b455fe..504558d95 100644
--- a/apps/app-frontend/tsconfig.app.json
+++ b/apps/app-frontend/tsconfig.app.json
@@ -3,7 +3,7 @@
 		"target": "ES2020",
 		"useDefineForClassFields": true,
 		"module": "ESNext",
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"lib": ["ES2021", "DOM", "DOM.Iterable"],
 		"skipLibCheck": true,
 
 		"moduleResolution": "bundler",
@@ -16,6 +16,8 @@
 
 		"strict": true,
 
+		"types": ["vite/client"],
+
 		"paths": {
 			"@/*": ["./src/*"]
 		}
diff --git a/apps/app-frontend/vite.config.ts b/apps/app-frontend/vite.config.ts
index 618068cb2..f55d00c81 100644
--- a/apps/app-frontend/vite.config.ts
+++ b/apps/app-frontend/vite.config.ts
@@ -1,4 +1,5 @@
 import vue from '@vitejs/plugin-vue'
+import { existsSync, readFileSync } from 'fs'
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
 import svgLoader from 'vite-svg-loader'
@@ -6,6 +7,23 @@ import svgLoader from 'vite-svg-loader'
 import tauriConf from '../app/tauri.conf.json'
 
 const projectRootDir = resolve(__dirname)
+const appLibEnvDir = resolve(projectRootDir, '../../packages/app-lib')
+
+// Load .env from app-lib manually instead of using Vite's envDir, which would auto-load .env.local and override values
+const envFilePath = resolve(appLibEnvDir, '.env')
+if (existsSync(envFilePath)) {
+	for (const line of readFileSync(envFilePath, 'utf-8').split('\n')) {
+		const trimmed = line.trim()
+		if (!trimmed || trimmed.startsWith('#')) continue
+		const eqIndex = trimmed.indexOf('=')
+		if (eqIndex === -1) continue
+		const key = trimmed.slice(0, eqIndex)
+		const value = trimmed.slice(eqIndex + 1)
+		if (!(key in process.env)) {
+			process.env[key] = value
+		}
+	}
+}
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -68,7 +86,7 @@ export default defineConfig({
 	},
 	// to make use of `TAURI_ENV_DEBUG` and other env variables
 	// https://v2.tauri.app/reference/environment-variables/#tauri-cli-hook-commands
-	envPrefix: ['VITE_', 'TAURI_'],
+	envPrefix: ['VITE_', 'TAURI_', 'MODRINTH_'],
 	build: {
 		rolldownOptions: {
 			onwarn(warning, defaultHandler) {
diff --git a/apps/app/build.rs b/apps/app/build.rs
index 358975ed1..769d7db70 100644
--- a/apps/app/build.rs
+++ b/apps/app/build.rs
@@ -89,6 +89,8 @@ fn main() {
                         "logs_delete_logs",
                         "logs_delete_logs_by_filename",
                         "logs_get_latest_log_cursor",
+                        "logs_get_live_log_buffer",
+                        "logs_clear_live_log_buffer",
                     ])
                     .default_permission(
                         DefaultPermissionRule::AllowAllCommands,
diff --git a/apps/app/capabilities/plugins.json b/apps/app/capabilities/plugins.json
index f1a45bf27..ac090260b 100644
--- a/apps/app/capabilities/plugins.json
+++ b/apps/app/capabilities/plugins.json
@@ -22,7 +22,12 @@
 
 		{
 			"identifier": "http:default",
-			"allow": [{ "url": "https://modrinth.com/*" }, { "url": "https://*.modrinth.com/*" }]
+			"allow": [
+				{ "url": "https://modrinth.com/*" },
+				{ "url": "https://*.modrinth.com/*" },
+				{ "url": "https://*.nodes.modrinth.com/*" },
+				{ "url": "https://api.mclo.gs/*" }
+			]
 		},
 
 		"dialog:allow-save",
diff --git a/apps/app/src/api/logs.rs b/apps/app/src/api/logs.rs
index c5097a1c9..cf68519e1 100644
--- a/apps/app/src/api/logs.rs
+++ b/apps/app/src/api/logs.rs
@@ -21,6 +21,8 @@ pub fn init<R: tauri::Runtime>() -> tauri::plugin::TauriPlugin<R> {
             logs_delete_logs,
             logs_delete_logs_by_filename,
             logs_get_latest_log_cursor,
+            logs_get_live_log_buffer,
+            logs_clear_live_log_buffer,
         ])
         .build()
 }
@@ -83,3 +85,18 @@ pub async fn logs_get_latest_log_cursor(
 ) -> Result<LatestLogCursor> {
     Ok(logs::get_latest_log_cursor(profile_path, cursor).await?)
 }
+
+/// Get all buffered live log lines for a profile
+#[tauri::command]
+pub async fn logs_get_live_log_buffer(
+    profile_path: &str,
+) -> Result<CensoredString> {
+    Ok(logs::get_live_log_buffer(profile_path).await?)
+}
+
+/// Clear the live log buffer for a profile
+#[tauri::command]
+pub async fn logs_clear_live_log_buffer(profile_path: &str) -> Result<()> {
+    logs::clear_live_log_buffer(profile_path);
+    Ok(())
+}
diff --git a/apps/app/src/main.rs b/apps/app/src/main.rs
index 03a8227ac..a78c26010 100644
--- a/apps/app/src/main.rs
+++ b/apps/app/src/main.rs
@@ -7,6 +7,7 @@
 use native_dialog::{DialogBuilder, MessageLevel};
 use std::env;
 use tauri::{Listener, Manager};
+use tauri_plugin_fs::FsExt;
 use theseus::prelude::*;
 
 mod api;
@@ -35,6 +36,8 @@ async fn initialize_state(app: tauri::AppHandle) -> api::Result<()> {
         .allow_directory(state.directories.caches_dir(), true)?;
     app.asset_protocol_scope()
         .allow_directory(state.directories.caches_dir().join("icons"), true)?;
+    app.fs_scope()
+        .allow_directory(state.directories.profiles_dir(), true)?;
 
     Ok(())
 }
diff --git a/apps/app/tauri.conf.json b/apps/app/tauri.conf.json
index 986347dc3..06d1d350a 100644
--- a/apps/app/tauri.conf.json
+++ b/apps/app/tauri.conf.json
@@ -87,12 +87,12 @@
 			"capabilities": ["ads", "core", "plugins"],
 			"csp": {
 				"default-src": "'self' customprotocol: asset:",
-				"connect-src": "ipc: http://ipc.localhost https://modrinth.com https://*.modrinth.com https://*.posthog.com https://*.sentry.io https://api.mclo.gs http://textures.minecraft.net https://textures.minecraft.net 'self' data: blob:",
+				"connect-src": "ipc: http://ipc.localhost https://modrinth.com https://*.modrinth.com https://*.nodes.modrinth.com https://*.posthog.com https://posthog.modrinth.com https://*.sentry.io https://api.mclo.gs http://textures.minecraft.net https://textures.minecraft.net https://js.stripe.com https://*.stripe.com wss://*.stripe.com wss://*.nodes.modrinth.com wss://*.ts.net 'self' data: blob:",
 				"font-src": ["https://cdn-raw.modrinth.com/fonts/"],
 				"img-src": "https: 'unsafe-inline' 'self' asset: http://asset.localhost http://textures.minecraft.net blob: data:",
 				"style-src": "'unsafe-inline' 'self'",
-				"script-src": "https://*.posthog.com https://tally.so/widgets/embed.js 'self'",
-				"frame-src": "https://www.youtube.com https://www.youtube-nocookie.com https://discord.com https://tally.so/popup/ 'self'",
+				"script-src": "https://*.posthog.com https://posthog.modrinth.com https://js.stripe.com https://tally.so/widgets/embed.js 'self'",
+				"frame-src": "https://www.youtube.com https://www.youtube-nocookie.com https://discord.com https://tally.so/popup/ https://js.stripe.com https://hooks.stripe.com 'self'",
 				"media-src": "https://*.githubusercontent.com"
 			}
 		}
diff --git a/apps/frontend/src/assets/styles/components.scss b/apps/frontend/src/assets/styles/components.scss
index 9ac5ec5b9..b04291d4c 100644
--- a/apps/frontend/src/assets/styles/components.scss
+++ b/apps/frontend/src/assets/styles/components.scss
@@ -841,6 +841,23 @@ button {
 		opacity: 0.5;
 		box-shadow: none;
 		flex-shrink: 0;
+		user-select: none;
+	}
+
+	.text-input-wrapper__after {
+		display: flex;
+		color: var(--color-text);
+		padding: 0.5rem 1rem 0.5rem 0;
+		font-weight: var(--font-weight-medium);
+		min-height: 36px;
+		box-sizing: border-box;
+		width: fit-content;
+		align-items: center;
+		filter: grayscale(50%);
+		opacity: 0.5;
+		box-shadow: none;
+		flex-shrink: 0;
+		user-select: none;
 	}
 
 	input,
diff --git a/apps/frontend/src/assets/styles/global.scss b/apps/frontend/src/assets/styles/global.scss
index 305b14442..917240e78 100644
--- a/apps/frontend/src/assets/styles/global.scss
+++ b/apps/frontend/src/assets/styles/global.scss
@@ -456,9 +456,9 @@ kbd {
 	font-size: 0.85em !important;
 }
 
-@import '~/assets/styles/layout.scss';
-@import '~/assets/styles/utils.scss';
-@import '~/assets/styles/components.scss';
+@import './layout.scss';
+@import './utils.scss';
+@import './components.scss';
 
 // OMORPHIA FIXES
 .card {
diff --git a/apps/frontend/src/components/ui/servers/ModrinthServersIcon.vue b/apps/frontend/src/components/brand/ModrinthServersIcon.vue
similarity index 100%
rename from apps/frontend/src/components/ui/servers/ModrinthServersIcon.vue
rename to apps/frontend/src/components/brand/ModrinthServersIcon.vue
diff --git a/apps/frontend/src/components/ui/servers/notice/AssignNoticeModal.vue b/apps/frontend/src/components/ui/admin/AssignNoticeModal.vue
similarity index 100%
rename from apps/frontend/src/components/ui/servers/notice/AssignNoticeModal.vue
rename to apps/frontend/src/components/ui/admin/AssignNoticeModal.vue
diff --git a/apps/frontend/src/components/ui/servers/LoaderSelector.vue b/apps/frontend/src/components/ui/servers/LoaderSelector.vue
deleted file mode 100644
index 0998a9ced..000000000
--- a/apps/frontend/src/components/ui/servers/LoaderSelector.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-	<div class="flex w-full flex-col gap-1 rounded-2xl bg-table-alternateRow p-2">
-		<div
-			v-for="loader in vanillaLoaders"
-			:key="loader.name"
-			class="group relative flex items-center justify-between rounded-2xl p-2 pr-2.5 hover:bg-bg"
-		>
-			<LoaderSelectorCard
-				:loader="loader"
-				:is-current="isCurrentLoader(loader.name)"
-				:loader-version="data.loader_version"
-				:current-loader="data.loader"
-				:is-installing="isInstalling"
-				@select="selectLoader"
-			/>
-		</div>
-	</div>
-
-	<div class="mt-4">
-		<h2 class="mb-2 px-2 text-lg font-bold text-contrast">Mod loaders</h2>
-		<div class="flex w-full flex-col gap-1 rounded-2xl bg-table-alternateRow p-2">
-			<div
-				v-for="loader in modLoaders"
-				:key="loader.name"
-				class="group relative flex items-center justify-between rounded-2xl p-2 pr-2.5 hover:bg-bg"
-			>
-				<LoaderSelectorCard
-					:loader="loader"
-					:is-current="isCurrentLoader(loader.name)"
-					:loader-version="data.loader_version"
-					:current-loader="data.loader"
-					:is-installing="isInstalling"
-					@select="selectLoader"
-				/>
-			</div>
-		</div>
-	</div>
-
-	<div class="mt-4">
-		<h2 class="mb-2 px-2 text-lg font-bold text-contrast">Plugin loaders</h2>
-		<div class="flex w-full flex-col gap-1 rounded-2xl bg-table-alternateRow p-2">
-			<div
-				v-for="loader in pluginLoaders"
-				:key="loader.name"
-				class="group relative flex items-center justify-between rounded-2xl p-2 pr-2.5 hover:bg-bg"
-			>
-				<LoaderSelectorCard
-					:loader="loader"
-					:is-current="isCurrentLoader(loader.name)"
-					:loader-version="data.loader_version"
-					:current-loader="data.loader"
-					:is-installing="isInstalling"
-					@select="selectLoader"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import LoaderSelectorCard from './LoaderSelectorCard.vue'
-const props = defineProps<{
-	data: {
-		loader: string | null
-		loader_version: string | null
-	}
-	ignoreCurrentInstallation?: boolean
-	isInstalling?: boolean
-}>()
-
-const emit = defineEmits<{
-	(e: 'selectLoader', loader: string): void
-}>()
-
-const vanillaLoaders = [{ name: 'Vanilla' as const, displayName: 'Vanilla' }]
-
-const modLoaders = [
-	{ name: 'Fabric' as const, displayName: 'Fabric' },
-	{ name: 'Quilt' as const, displayName: 'Quilt' },
-	{ name: 'Forge' as const, displayName: 'Forge' },
-	{ name: 'NeoForge' as const, displayName: 'NeoForge' },
-]
-
-const pluginLoaders = [
-	{ name: 'Paper' as const, displayName: 'Paper' },
-	{ name: 'Purpur' as const, displayName: 'Purpur' },
-]
-
-const isCurrentLoader = (loaderName: string) => {
-	return props.data.loader?.toLowerCase() === loaderName.toLowerCase()
-}
-
-const selectLoader = (loader: string) => {
-	emit('selectLoader', loader)
-}
-</script>
diff --git a/apps/frontend/src/components/ui/servers/LoaderSelectorCard.vue b/apps/frontend/src/components/ui/servers/LoaderSelectorCard.vue
deleted file mode 100644
index 0017f1076..000000000
--- a/apps/frontend/src/components/ui/servers/LoaderSelectorCard.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-	<div class="flex w-full items-center justify-between">
-		<div class="flex items-center gap-4">
-			<div
-				class="grid size-10 place-content-center rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
-				:class="isCurrentLoader ? '[&&]:bg-bg-green' : ''"
-			>
-				<LoaderIcon
-					:loader="loader.name"
-					class="size-6"
-					:class="isCurrentLoader ? 'text-brand' : ''"
-				/>
-			</div>
-
-			<div class="flex flex-col gap-0.5">
-				<div class="flex flex-row items-center gap-2">
-					<h1 class="m-0 text-xl font-bold leading-none text-contrast">
-						{{ loader.displayName }}
-					</h1>
-					<span
-						v-if="isCurrentLoader"
-						class="hidden items-center gap-1 rounded-full bg-bg-green p-1 px-1.5 text-xs font-semibold text-brand sm:flex"
-					>
-						<CheckIcon class="h-4 w-4" /> Current
-					</span>
-				</div>
-
-				<p v-if="isCurrentLoader" class="m-0 text-xs text-secondary">{{ loaderVersion }}</p>
-			</div>
-		</div>
-		<ButtonStyled>
-			<button :disabled="isInstalling" @click="onSelect">
-				<DownloadIcon class="h-5 w-5" /> {{ isCurrentLoader ? 'Reinstall' : 'Install' }}
-			</button>
-		</ButtonStyled>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { CheckIcon, DownloadIcon } from '@modrinth/assets'
-import { ButtonStyled, LoaderIcon } from '@modrinth/ui'
-
-interface LoaderInfo {
-	name: 'Vanilla' | 'Fabric' | 'Forge' | 'Quilt' | 'Paper' | 'NeoForge' | 'Purpur'
-	displayName: string
-}
-
-interface Props {
-	loader: LoaderInfo
-	currentLoader: string | null
-	loaderVersion: string | null
-	isInstalling?: boolean
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<{
-	(e: 'select', loader: string): void
-}>()
-
-const isCurrentLoader = computed(() => {
-	return props.currentLoader?.toLowerCase() === props.loader.name.toLowerCase()
-})
-
-const onSelect = () => {
-	emit('select', props.loader.name)
-}
-</script>
diff --git a/apps/frontend/src/components/ui/servers/LogLine.vue b/apps/frontend/src/components/ui/servers/LogLine.vue
deleted file mode 100644
index 07df871a3..000000000
--- a/apps/frontend/src/components/ui/servers/LogLine.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<div
-		class="parsed-log relative flex h-8 w-full items-center overflow-hidden rounded-lg px-6"
-		@mouseenter="checkOverflow"
-		@touchstart="checkOverflow"
-	>
-		<div ref="logContent" class="log-content flex-1 truncate whitespace-pre">
-			<span v-html="sanitizedLog"></span>
-		</div>
-		<button
-			v-if="isOverflowing"
-			class="ml-2 flex h-6 items-center rounded-md bg-bg px-2 text-xs text-contrast opacity-50 transition-opacity hover:opacity-100"
-			type="button"
-			@click.stop="$emit('show-full-log', props.log)"
-		>
-			...
-		</button>
-	</div>
-</template>
-
-<script setup lang="ts">
-import Convert from 'ansi-to-html'
-import DOMPurify from 'dompurify'
-import { computed, onMounted, onUnmounted, ref } from 'vue'
-
-const props = defineProps<{
-	log: string
-}>()
-
-defineEmits<{
-	'show-full-log': [log: string]
-}>()
-
-const logContent = ref<HTMLElement | null>(null)
-const isOverflowing = ref(false)
-
-const checkOverflow = () => {
-	if (logContent.value && !isOverflowing.value) {
-		isOverflowing.value = logContent.value.scrollWidth > logContent.value.clientWidth
-	}
-}
-
-const convert = new Convert({
-	fg: '#FFF',
-	bg: '#000',
-	newline: false,
-	escapeXML: true,
-	stream: false,
-})
-
-const sanitizedLog = computed(() =>
-	DOMPurify.sanitize(convert.toHtml(props.log), {
-		ALLOWED_TAGS: ['span'],
-		ALLOWED_ATTR: ['style'],
-		USE_PROFILES: { html: true },
-	}),
-)
-
-const preventSelection = (e: MouseEvent) => {
-	e.preventDefault()
-}
-
-onMounted(() => {
-	logContent.value?.addEventListener('mousedown', preventSelection)
-})
-
-onUnmounted(() => {
-	logContent.value?.removeEventListener('mousedown', preventSelection)
-})
-</script>
-
-<style scoped>
-.parsed-log {
-	background: transparent;
-	transition: background-color 0.1s;
-}
-
-.parsed-log:hover {
-	background: rgba(128, 128, 128, 0.25);
-	transition: 0s;
-}
-
-.log-content > span {
-	user-select: none;
-	white-space: pre;
-}
-
-.log-content {
-	white-space: pre;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue b/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
deleted file mode 100644
index 3022a7b06..000000000
--- a/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<template>
-	<div class="contents">
-		<NewModal ref="confirmActionModal" header="Confirming power action" @close="resetPowerAction">
-			<div class="flex flex-col gap-4 md:w-[400px]">
-				<p class="m-0">
-					Are you sure you want to
-					<span class="lowercase">{{ pendingAction }}</span> the server?
-				</p>
-				<Checkbox
-					v-model="dontAskAgain"
-					label="Don't ask me again"
-					class="text-sm"
-					:disabled="!pendingAction"
-				/>
-				<div class="flex flex-row gap-4">
-					<ButtonStyled type="standard" color="brand" @click="executePowerAction">
-						<button>
-							<CheckIcon class="h-5 w-5" />
-							{{ pendingAction }} server
-						</button>
-					</ButtonStyled>
-					<ButtonStyled @click="resetPowerAction">
-						<button>
-							<XIcon class="h-5 w-5" />
-							Cancel
-						</button>
-					</ButtonStyled>
-				</div>
-			</div>
-		</NewModal>
-
-		<NewModal
-			ref="detailsModal"
-			:header="`All of ${server.name || 'Server'} info`"
-			@close="detailsModal?.hide()"
-		>
-			<ServerInfoLabels
-				:server-data="server"
-				:show-game-label="true"
-				:show-loader-label="true"
-				:uptime-seconds="uptimeSeconds"
-				:column="true"
-				class="mb-6 flex flex-col gap-2"
-			/>
-			<div v-if="flags.advancedDebugInfo" class="markdown-body">
-				<pre>{{ server }}</pre>
-			</div>
-			<ButtonStyled type="standard" color="brand" @click="detailsModal?.hide()">
-				<button class="w-full">Close</button>
-			</ButtonStyled>
-		</NewModal>
-
-		<div class="flex flex-row items-center gap-2 rounded-lg">
-			<ButtonStyled v-if="isInstalling" type="standard" color="brand" size="large">
-				<button disabled class="flex-shrink-0">
-					<PanelSpinner class="size-5" /> Installing...
-				</button>
-			</ButtonStyled>
-
-			<template v-else>
-				<ButtonStyled v-if="showStopButton" type="transparent" size="large">
-					<button :disabled="!canTakeAction" @click="initiateAction('Stop')">
-						<div class="flex gap-1">
-							<StopCircleIcon class="h-5 w-5" />
-							<span>{{ isStopping ? 'Stopping...' : 'Stop' }}</span>
-						</div>
-					</button>
-				</ButtonStyled>
-
-				<ButtonStyled type="standard" color="brand" size="large">
-					<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
-						<div v-if="isTransitioning" class="grid place-content-center">
-							<LoadingIcon />
-						</div>
-						<component :is="isRunning ? UpdatedIcon : PlayIcon" v-else />
-						<span>{{ primaryActionText }}</span>
-					</button>
-				</ButtonStyled>
-
-				<ButtonStyled circular type="transparent" size="large">
-					<TeleportOverflowMenu :options="[...menuOptions]">
-						<MoreVerticalIcon aria-hidden="true" />
-						<template #kill>
-							<SlashIcon class="h-5 w-5" />
-							<span>Kill server</span>
-						</template>
-						<template #allServers>
-							<ServerIcon class="h-5 w-5" />
-							<span>All servers</span>
-						</template>
-						<template #details>
-							<InfoIcon class="h-5 w-5" />
-							<span>Details</span>
-						</template>
-						<template #copy-id>
-							<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
-							<span>Copy ID</span>
-						</template>
-					</TeleportOverflowMenu>
-				</ButtonStyled>
-			</template>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import {
-	CheckIcon,
-	ClipboardCopyIcon,
-	InfoIcon,
-	MoreVerticalIcon,
-	PlayIcon,
-	ServerIcon,
-	SlashIcon,
-	StopCircleIcon,
-	UpdatedIcon,
-	XIcon,
-} from '@modrinth/assets'
-import {
-	ButtonStyled,
-	Checkbox,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	NewModal,
-	ServerInfoLabels,
-	useVIntl,
-} from '@modrinth/ui'
-import { useStorage } from '@vueuse/core'
-import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router'
-
-import LoadingIcon from './icons/LoadingIcon.vue'
-import PanelSpinner from './PanelSpinner.vue'
-import TeleportOverflowMenu from './TeleportOverflowMenu.vue'
-
-type PowerAction = 'Start' | 'Stop' | 'Restart' | 'Kill'
-
-const props = defineProps<{
-	disabled?: boolean
-	uptimeSeconds: number
-}>()
-
-const { formatMessage } = useVIntl()
-const flags = useFeatureFlags()
-const router = useRouter()
-const client = injectModrinthClient()
-const { serverId, server, powerState, busyReasons } = injectModrinthServerContext()
-const { addNotification } = injectNotificationManager()
-
-const confirmActionModal = ref<InstanceType<typeof NewModal> | null>(null)
-const detailsModal = ref<InstanceType<typeof NewModal> | null>(null)
-const pendingAction = ref<PowerAction | null>(null)
-const dontAskAgain = ref(false)
-
-const userPreferences = useStorage(`pyro-server-${serverId}-preferences`, {
-	powerDontAskAgain: false,
-})
-
-const isInstalling = computed(() => server.value.status === 'installing')
-const isRunning = computed(() => powerState.value === 'running')
-const isStopping = computed(() => powerState.value === 'stopping')
-const isTransitioning = computed(
-	() => powerState.value === 'starting' || powerState.value === 'stopping',
-)
-const showStopButton = computed(() => isRunning.value || isStopping.value)
-
-const busyTooltip = computed(() =>
-	busyReasons.value.length > 0 ? formatMessage(busyReasons.value[0].reason) : undefined,
-)
-
-const canTakeAction = computed(
-	() => !isTransitioning.value && !props.disabled && busyReasons.value.length === 0,
-)
-
-const primaryActionText = computed(() => {
-	switch (powerState.value) {
-		case 'starting':
-			return 'Starting...'
-		case 'stopping':
-			return 'Stopping...'
-		case 'running':
-			return 'Restart'
-		default:
-			return 'Start'
-	}
-})
-
-const menuOptions = computed(() => [
-	...(isInstalling.value
-		? []
-		: [
-				{
-					id: 'kill',
-					label: 'Kill server',
-					icon: SlashIcon,
-					action: () => initiateAction('Kill'),
-				},
-			]),
-	{
-		id: 'allServers',
-		label: 'All servers',
-		icon: ServerIcon,
-		action: () => router.push('/hosting/manage'),
-	},
-	{
-		id: 'details',
-		label: 'Details',
-		icon: InfoIcon,
-		action: () => detailsModal.value?.show(),
-	},
-	{
-		id: 'copy-id',
-		label: 'Copy ID',
-		icon: ClipboardCopyIcon,
-		action: () => copyId(),
-		shown: flags.value.developerMode,
-	},
-])
-
-async function copyId() {
-	await navigator.clipboard.writeText(serverId)
-}
-
-async function sendPowerAction(action: PowerAction) {
-	try {
-		await client.archon.servers_v0.power(serverId, action)
-	} catch (error) {
-		console.error(`Error performing ${action} on server:`, error)
-		addNotification({
-			type: 'error',
-			title: `Failed to ${action.toLowerCase()} server`,
-			text: 'An error occurred while performing this action.',
-		})
-	}
-}
-
-function initiateAction(action: PowerAction) {
-	if (!canTakeAction.value) return
-
-	if (action === 'Start') {
-		sendPowerAction(action)
-		return
-	}
-
-	pendingAction.value = action
-
-	if (userPreferences.value.powerDontAskAgain) {
-		executePowerAction()
-	} else {
-		confirmActionModal.value?.show()
-	}
-}
-
-function handlePrimaryAction() {
-	initiateAction(isRunning.value ? 'Restart' : 'Start')
-}
-
-function executePowerAction() {
-	if (!pendingAction.value) return
-
-	sendPowerAction(pendingAction.value)
-
-	if (dontAskAgain.value) {
-		userPreferences.value.powerDontAskAgain = true
-	}
-
-	resetPowerAction()
-}
-
-function resetPowerAction() {
-	confirmActionModal.value?.hide()
-	pendingAction.value = null
-	dontAskAgain.value = false
-}
-</script>
diff --git a/apps/frontend/src/components/ui/servers/PanelServerStatus.vue b/apps/frontend/src/components/ui/servers/PanelServerStatus.vue
deleted file mode 100644
index f5b42fa0e..000000000
--- a/apps/frontend/src/components/ui/servers/PanelServerStatus.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<div
-		:aria-label="`Server is ${getStatusText(state)}`"
-		class="relative inline-flex select-none items-center"
-		@mouseenter="isExpanded = true"
-		@mouseleave="isExpanded = false"
-	>
-		<div
-			:class="[
-				'h-4 w-4 rounded-full transition-all duration-300 ease-in-out',
-				getStatusClass(state).main,
-			]"
-		>
-			<div
-				:class="[
-					'absolute inline-flex h-4 w-4 animate-ping rounded-full',
-					getStatusClass(state).bg,
-				]"
-			></div>
-		</div>
-		<div
-			:class="[
-				'absolute -left-4 flex w-auto items-center gap-2 rounded-full px-2 py-1 transition-all duration-150 ease-in-out',
-				getStatusClass(state).bg,
-				isExpanded ? 'translate-x-2 scale-100 opacity-100' : 'translate-x-0 scale-90 opacity-0',
-			]"
-		>
-			<div class="h-3 w-3 rounded-full"></div>
-			<span
-				:class="[
-					'origin-left whitespace-nowrap text-sm font-semibold text-contrast transition-all duration-[200ms] ease-in-out',
-					isExpanded ? 'translate-x-0 scale-100' : '-translate-x-1 scale-x-75',
-				]"
-			>
-				{{ getStatusText(state) }}
-			</span>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import type { ServerState } from '@modrinth/utils'
-import { ref } from 'vue'
-
-const STATUS_CLASSES = {
-	running: { main: 'bg-brand', bg: 'bg-bg-green' },
-	stopped: { main: '', bg: '' },
-	crashed: { main: 'bg-brand-red', bg: 'bg-bg-red' },
-	unknown: { main: '', bg: '' },
-} as const
-
-const STATUS_TEXTS: Partial<Record<ServerState, string>> = {
-	running: 'Running',
-	stopped: '',
-	crashed: 'Crashed',
-	unknown: 'Unknown',
-} as const
-
-defineProps<{
-	state: ServerState
-}>()
-
-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
-}
-
-function getStatusText(state: ServerState) {
-	return STATUS_TEXTS[state] ?? STATUS_TEXTS.unknown
-}
-</script>
diff --git a/apps/frontend/src/components/ui/servers/PanelSpinner.vue b/apps/frontend/src/components/ui/servers/PanelSpinner.vue
deleted file mode 100644
index c2c7f55ea..000000000
--- a/apps/frontend/src/components/ui/servers/PanelSpinner.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-	<svg
-		class="h-5 w-5 animate-spin"
-		xmlns="http://www.w3.org/2000/svg"
-		fill="none"
-		viewBox="0 0 24 24"
-	>
-		<circle
-			class="opacity-25"
-			cx="12"
-			cy="12"
-			r="10"
-			stroke="currentColor"
-			stroke-width="4"
-		></circle>
-		<path
-			class="opacity-75"
-			fill="currentColor"
-			d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		></path>
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/PanelTerminal.vue b/apps/frontend/src/components/ui/servers/PanelTerminal.vue
deleted file mode 100644
index 950a2dc9e..000000000
--- a/apps/frontend/src/components/ui/servers/PanelTerminal.vue
+++ /dev/null
@@ -1,1414 +0,0 @@
-<template>
-	<div class="contents">
-		<div class="flex items-center gap-4">
-			<div class="relative w-full">
-				<StyledInput
-					v-model="searchInput"
-					type="search"
-					:icon="SearchIcon"
-					placeholder="Search logs"
-					wrapper-class="h-12 !w-full"
-					input-class="!pr-48"
-					:disabled="loading"
-					@keydown.escape="clearSearch"
-				/>
-				<ButtonStyled v-if="searchInput && !loading" @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"
-					class="pointer-events-none absolute right-12 top-1/2 -translate-y-1/2 select-none whitespace-pre text-sm"
-				>
-					{{ pyroConsole.filteredOutput.value.length }}
-					{{ pyroConsole.filteredOutput.value.length === 1 ? 'result' : 'results' }}
-				</span>
-			</div>
-		</div>
-		<div
-			data-pyro-terminal
-			: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"
-				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"
-			>
-				<div
-					v-for="i in progressiveBlurIterations"
-					:key="i"
-					aria-hidden="true"
-					class="absolute left-0 top-0 h-full w-full"
-					:style="getBlurStyle(i)"
-				/>
-			</div>
-			<div
-				v-else-if="!loading"
-				class="pointer-events-none absolute bottom-0 left-0 right-0 z-[2] h-[196px] w-full"
-				:style="
-					bottomThreshold > 0
-						? { background: 'linear-gradient(transparent 30%, var(--console-bg) 70%)' }
-						: {}
-				"
-			></div>
-			<div
-				aria-hidden="true"
-				class="pointer-events-none absolute left-0 top-0 z-[60] h-full w-full"
-				:style="{
-					visibility: isFullScreen ? 'hidden' : 'visible',
-				}"
-			>
-				<div
-					aria-hidden="true"
-					class="absolute -bottom-2 -right-2 h-7 w-7"
-					:style="{
-						background: `radial-gradient(circle at 0% 0%, transparent 50%, var(--color-raised-bg) 52%)`,
-					}"
-				></div>
-				<div
-					aria-hidden="true"
-					class="absolute -bottom-2 -left-2 h-7 w-7"
-					:style="{
-						background: `radial-gradient(circle at 100% 0%, transparent 50%, var(--color-raised-bg) 52%)`,
-					}"
-				></div>
-			</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"
-					@mousedown="handleTrackClick"
-				>
-					<div
-						v-if="hasSelection"
-						class="absolute h-full w-full opacity-20"
-						:style="{
-							background: `linear-gradient(to bottom,
-                transparent ${getSelectionPosition().start}%,
-                var(--color-blue) ${getSelectionPosition().start}%,
-                var(--color-blue) ${getSelectionPosition().end}%,
-                transparent ${getSelectionPosition().end}%)`,
-						}"
-					/>
-					<div
-						data-pyro-terminal-scrollbar
-						class="relative flex h-full justify-center rounded-full transition-all"
-						:style="{ opacity: bottomThreshold > 0 ? '0.7' : '0.3' }"
-					>
-						<div
-							ref="scrollbarThumb"
-							data-pyro-terminal-scrollbar-thumb
-							class="absolute w-1.5 cursor-default rounded-full bg-button-bg"
-							:style="{
-								height: `${getThumbHeight()}px`,
-								transform: `translateY(${getThumbPosition()}px)`,
-							}"
-							@mousedown="startDragging"
-						></div>
-					</div>
-				</div>
-				<div
-					ref="scrollContainer"
-					data-pyro-terminal-root
-					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` }"
-					>
-						<ul
-							class="m-0 list-none p-0"
-							data-pyro-terminal-virtual-list
-							:class="{ 'scrolling-active': isScrolling && !isSelecting }"
-							:style="virtualListStyle"
-							aria-live="polite"
-							role="listbox"
-							@mousedown.prevent="handleMouseDown"
-							@mousemove="updateLineSelection"
-							@mouseup="endLineSelection"
-						>
-							<template
-								v-for="(item, index) in visibleItems"
-								:key="`${visibleStartIndex + index}-${item}`"
-							>
-								<li
-									data-pyro-terminal-line
-									:class="{
-										'selected-line': isLineSelected(visibleStartIndex + index),
-									}"
-									class="group"
-								>
-									<div class="flex items-center gap-2">
-										<LogLine :log="item" @show-full-log="showFullLogMessage" />
-										<div @mousedown.stop @click.stop>
-											<button
-												v-if="searchInput"
-												class="jump-button mr-4 flex items-center gap-1 rounded-md bg-bg-blue px-2 py-1 text-xs text-blue transition-all hover:scale-105 active:scale-95"
-												@mousedown.stop
-												@click.stop="() => jumpToLine(item)"
-											>
-												<RightArrowIcon class="h-3 w-3" />
-												Jump
-											</button>
-										</div>
-									</div>
-								</li>
-								<li
-									v-if="
-										searchInput &&
-										shouldShowSeparator(visibleStartIndex + index, visibleStartIndex + index + 1)
-									"
-									data-pyro-terminal-separator
-									class="flex h-8 select-none items-center justify-center opacity-50"
-									aria-hidden="true"
-								>
-									<div class="h-[1px] w-full bg-contrast opacity-50"></div>
-									<div class="mx-4 flex flex-row items-center gap-4">
-										<div class="flex flex-row items-center gap-1">
-											<div class="size-1 rounded-full bg-contrast opacity-70"></div>
-											<div class="size-1 rounded-full bg-contrast opacity-70"></div>
-											<div class="size-1 rounded-full bg-contrast opacity-70"></div>
-										</div>
-										<span class="select-none whitespace-pre text-xs text-contrast">
-											{{
-												shouldShowSeparator(
-													visibleStartIndex + index,
-													visibleStartIndex + index + 1,
-												)
-											}}
-											line{{
-												shouldShowSeparator(
-													visibleStartIndex + index,
-													visibleStartIndex + index + 1,
-												) === 1
-													? ''
-													: 's'
-											}}
-											between
-										</span>
-									</div>
-									<div class="h-[1px] w-full bg-contrast opacity-50"></div>
-								</li>
-							</template>
-						</ul>
-					</div>
-				</div>
-			</div>
-
-			<div
-				class="absolute bottom-4 z-[3] w-full"
-				:style="{
-					filter: `drop-shadow(0 8px 12px rgba(0, 0, 0, ${lerp(0.1, 0.5, bottomThreshold)}))`,
-				}"
-			>
-				<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"
-				:class="{ hidden: searchInput || hasSelection || isSingleLineSelected }"
-				@click="toggleFullscreen"
-			>
-				<MinimizeIconVue v-if="isFullScreen" />
-				<FullscreenIcon v-else />
-			</button>
-
-			<Transition name="fade">
-				<div
-					v-if="(hasSelection || isSingleLineSelected) && !loading"
-					class="absolute right-20 top-4 z-[3] flex flex-row items-center"
-					:class="{ '!right-4': searchInput || hasSelection || isSingleLineSelected }"
-				>
-					<button
-						data-pyro-copy
-						label="Copy selected lines"
-						class="experimental-styles-within flex h-12 flex-row items-center justify-center gap-2 rounded-full border-[1px] border-solid border-button-border bg-bg-raised px-4 text-contrast transition-all duration-200 hover:scale-110 active:scale-95"
-						@click="copySelectedLines"
-					>
-						<CopyIcon class="h-5 w-5" />
-						<span class="">Copy</span>
-					</button>
-					<Transition name="view-button">
-						<button
-							v-if="hasSelection"
-							data-pyro-view
-							label="View selected lines"
-							class="experimental-styles-within ml-2 flex h-12 w-[100px] flex-row items-center justify-center gap-2 rounded-full border-[1px] border-solid border-button-border bg-bg-raised px-4 text-contrast transition-all duration-200 hover:scale-110 active:scale-95"
-							@click="showSelectedLines"
-						>
-							<EyeIcon class="h-5 w-5" />
-							<span class="">View</span>
-						</button>
-					</Transition>
-				</div>
-			</Transition>
-
-			<Transition name="scroll-to-bottom">
-				<button
-					v-if="bottomThreshold > 0 && !isScrolledToBottom && !loading"
-					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"
-					@click="scrollToBottom"
-				>
-					<RightArrowIcon class="rotate-90" />
-					<span class="sr-only">Scroll to bottom</span>
-				</button>
-			</Transition>
-		</div>
-		<NewModal ref="viewLogModal" class="z-[9999]" header="Viewing selected logs">
-			<div class="text-contrast">
-				<pre
-					class="select-text overflow-x-auto whitespace-pre rounded-lg bg-bg font-mono"
-					v-html="processedLogWithLinks"
-				></pre>
-				<div v-if="detectedLinks.length" class="border-contrast/20 mt-4 border-t pt-4">
-					<h2>Detected Links</h2>
-					<ul class="flex flex-col gap-2">
-						<li v-for="(link, index) in detectedLinks" :key="index">
-							<a
-								:href="link"
-								target="_blank"
-								rel="noopener noreferrer"
-								class="text-sm text-blue hover:underline"
-							>
-								{{ link }}
-							</a>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</NewModal>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { CopyIcon, EyeIcon, RightArrowIcon, SearchIcon, XIcon } from '@modrinth/assets'
-import { NewModal, StyledInput } from '@modrinth/ui'
-import ButtonStyled from '@modrinth/ui/src/components/base/ButtonStyled.vue'
-import { useDebounceFn } from '@vueuse/core'
-import DOMPurify from 'dompurify'
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
-
-import { useModrinthServersConsole } from '~/store/console.ts'
-
-import FullscreenIcon from './icons/FullscreenIcon.vue'
-import MinimizeIconVue from './icons/MinimizeIcon.vue.vue'
-import LogLine from './LogLine.vue'
-
-const { $cosmetics } = useNuxtApp()
-const cosmetics = $cosmetics
-
-const props = defineProps<{
-	fullScreen: boolean
-	loading?: boolean
-}>()
-
-const BUFFER_SIZE = 5
-const BATCH_SIZE = 50
-const LINE_HEIGHT = 32
-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 scrollContainer = ref<HTMLElement | null>(null)
-
-const isFullScreen = ref(props.fullScreen)
-
-const initialBatch = ref(false)
-const isInitialLoad = ref(true)
-
-const startY = ref(0)
-const scrollTop = ref(0)
-const clientHeight = ref(0)
-const startScrollTop = ref(0)
-const bottomThreshold = ref(0)
-const isAutoScrolling = ref(false)
-const userHasScrolled = ref(false)
-const isScrolledToBottom = ref(true)
-const scrollEndTimeout = ref<NodeJS.Timeout | null>(null)
-const isScrolling = ref(false)
-
-const scrollbarTrack = ref<HTMLElement | null>(null)
-const scrollbarThumb = ref<HTMLElement | null>(null)
-const isDragging = ref(false)
-
-const searchInput = ref('')
-
-const viewLogModal = ref<InstanceType<typeof NewModal>>()
-const selectedLog = ref('')
-const selectionStart = ref<number | null>(null)
-const selectionEnd = ref<number | null>(null)
-const isSelecting = ref(false)
-const autoScrollSpeed = ref(0)
-const autoScrollInterval = ref<NodeJS.Timeout | null>(null)
-const lastClickIndex = ref<number | null>(null)
-const lastMouseEvent = ref<MouseEvent | null>(null)
-
-const lerp = (start: number, end: number, t: number) => start * (1 - t) + end * t
-
-const getBlurStyle = (i: number) => {
-	const properBlurIteration = i + 1
-	const blur = lerp(0, 2 ** (properBlurIteration - 3), bottomThreshold.value)
-	const singular = 100 / progressiveBlurIterations.value
-	let mask = 'linear-gradient('
-
-	switch (i) {
-		case 0:
-			mask += `rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) ${singular}%`
-			break
-		case 1:
-			mask += `rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) ${singular}%, rgb(0, 0, 0) ${singular * 2}%`
-			break
-		case 2:
-			mask += `rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) ${singular}%, rgba(0, 0, 0, 0) ${singular * 2}%, rgb(0, 0, 0) ${singular * 3}%`
-			break
-		default:
-			mask += `rgba(0, 0, 0, 0) ${singular * (i - 3)}%, rgb(0, 0, 0) ${singular * (i + 1 - 3)}%, rgb(0, 0, 0) ${singular * (i + 2 - 3)}%, rgba(0, 0, 0, 0) ${singular * (i + 3 - 3)}%`
-			break
-	}
-
-	mask += `)`
-
-	return {
-		backdropFilter: `blur(${blur}px)`,
-		mask,
-		position: 'absolute' as any,
-		zIndex: progressiveBlurIterations.value - i,
-	}
-}
-
-const updateSearch = useDebounceFn((value: string) => {
-	pyroConsole.setSearchQuery(value)
-
-	selectionStart.value = null
-	selectionEnd.value = null
-	lastClickIndex.value = null
-
-	nextTick(() => {
-		if (!scrollContainer.value) return
-
-		if (!value) {
-			handleListScroll()
-			return
-		}
-
-		if (pyroConsole.filteredOutput.value.length > 0) {
-			scrollContainer.value.scrollTop = 0
-			handleListScroll()
-		}
-	})
-}, 300)
-
-const clearSearch = () => {
-	searchInput.value = ''
-	pyroConsole.setSearchQuery('')
-}
-
-const activeOutput = computed(() => {
-	return searchInput.value ? pyroConsole.filteredOutput.value : consoleOutput.value
-})
-
-const shouldShowSeparator = (currentIndex: number, nextIndex: number) => {
-	if (!searchInput.value || nextIndex >= activeOutput.value.length) return 0
-
-	const currentLine = activeOutput.value[currentIndex]
-	const nextLine = activeOutput.value[nextIndex]
-
-	const currentOriginalIndex = consoleOutput.value.indexOf(currentLine)
-	const nextOriginalIndex = consoleOutput.value.indexOf(nextLine)
-
-	const linesBetween = nextOriginalIndex - currentOriginalIndex - 1
-	return linesBetween > 0 ? linesBetween : 0
-}
-
-const totalHeight = computed(() => {
-	const baseHeight = activeOutput.value.length * LINE_HEIGHT
-	if (!searchInput.value) return baseHeight
-
-	let separatorCount = 0
-	for (let i = 0; i < activeOutput.value.length - 1; i++) {
-		if (shouldShowSeparator(i, i + 1)) {
-			separatorCount++
-		}
-	}
-
-	return baseHeight + separatorCount * SEPARATOR_HEIGHT
-})
-
-const getLineIndexForPosition = (position: number) => {
-	if (!searchInput.value) {
-		return Math.floor(position / LINE_HEIGHT)
-	}
-
-	let accHeight = 0
-	let index = 0
-
-	while (index < activeOutput.value.length) {
-		if (accHeight >= position) {
-			break
-		}
-		accHeight += LINE_HEIGHT
-		if (shouldShowSeparator(index, index + 1)) {
-			accHeight += SEPARATOR_HEIGHT
-		}
-		index++
-	}
-
-	return index
-}
-
-const getPositionForLineIndex = (index: number) => {
-	if (!searchInput.value) {
-		return index * LINE_HEIGHT
-	}
-
-	let position = 0
-	for (let i = 0; i < index; i++) {
-		position += LINE_HEIGHT
-		if (shouldShowSeparator(i, i + 1)) {
-			position += SEPARATOR_HEIGHT
-		}
-	}
-
-	return position
-}
-
-const visibleStartIndex = computed(() => {
-	const rawPosition = Math.max(0, scrollTop.value - LINE_HEIGHT * BUFFER_SIZE)
-	return getLineIndexForPosition(rawPosition)
-})
-
-const visibleEndIndex = computed(() => {
-	const rawPosition = scrollTop.value + clientHeight.value + LINE_HEIGHT * BUFFER_SIZE
-	return Math.min(activeOutput.value.length - 1, getLineIndexForPosition(rawPosition))
-})
-
-const offsetY = computed(() => {
-	return getPositionForLineIndex(visibleStartIndex.value)
-})
-
-const visibleItems = computed(() => {
-	const start = visibleStartIndex.value
-	const end = visibleEndIndex.value
-	const items = []
-
-	for (let i = start; i <= end; i += BATCH_SIZE) {
-		const chunk = activeOutput.value.slice(i, Math.min(i + BATCH_SIZE, end + 1))
-		items.push(...chunk)
-	}
-
-	return items
-})
-
-const handleListScroll = () => {
-	if (!scrollContainer.value) return
-
-	const container = scrollContainer.value
-	scrollTop.value = container.scrollTop
-	clientHeight.value = container.clientHeight
-
-	const scrollHeight = container.scrollHeight
-	const threshold = 32
-
-	isScrolling.value = true
-
-	if (scrollEndTimeout.value) {
-		clearTimeout(scrollEndTimeout.value)
-	}
-
-	scrollEndTimeout.value = setTimeout(() => {
-		if (!isSelecting.value) {
-			isScrolling.value = false
-		}
-		const finalPosition = scrollHeight - container.scrollTop - clientHeight.value
-		isScrolledToBottom.value = finalPosition <= threshold
-		bottomThreshold.value = Math.min(1, finalPosition / 256)
-	}, SCROLL_END_DELAY)
-
-	isScrolledToBottom.value = scrollHeight - scrollTop.value - clientHeight.value <= threshold
-
-	if (!isScrolledToBottom.value && !isAutoScrolling.value) {
-		userHasScrolled.value = true
-	}
-
-	bottomThreshold.value = Math.min(1, (scrollHeight - scrollTop.value - clientHeight.value) / 256)
-
-	if (searchInput.value) {
-		nextTick(() => {
-			container.style.transform = 'translateZ(0)'
-			requestAnimationFrame(() => {
-				container.style.transform = ''
-			})
-		})
-	}
-}
-
-const updateClientHeight = () => {
-	if (scrollContainer.value) {
-		clientHeight.value = scrollContainer.value.clientHeight
-	}
-}
-
-const scrollToBottom = () => {
-	if (!scrollContainer.value) return
-
-	isAutoScrolling.value = true
-	const container = scrollContainer.value
-
-	nextTick(() => {
-		const maxScroll = container.scrollHeight - container.clientHeight
-		container.scrollTop = maxScroll
-
-		setTimeout(() => {
-			if (container.scrollTop < maxScroll) {
-				container.scrollTop = maxScroll
-			}
-			isAutoScrolling.value = false
-			userHasScrolled.value = false
-			isScrolledToBottom.value = true
-			handleListScroll()
-		}, 50)
-	})
-}
-
-const getThumbHeight = () => {
-	if (!scrollContainer.value || !scrollbarTrack.value) return 30
-
-	const contentHeight = scrollContainer.value.scrollHeight
-	const viewportHeight = scrollContainer.value.clientHeight
-	const trackHeight = scrollbarTrack.value.clientHeight
-
-	const heightRatio = viewportHeight / contentHeight
-
-	const minThumbHeight = Math.min(40, trackHeight / 2)
-
-	const proposedHeight = Math.max(heightRatio * trackHeight, minThumbHeight)
-
-	return Math.min(proposedHeight, trackHeight)
-}
-
-const getThumbPosition = () => {
-	if (!scrollContainer.value || !scrollbarTrack.value) return 0
-
-	const contentHeight = scrollContainer.value.scrollHeight
-	const viewportHeight = scrollContainer.value.clientHeight
-	const trackHeight = scrollbarTrack.value.clientHeight
-	const scrollProgress = scrollTop.value / (contentHeight - viewportHeight)
-
-	const thumbHeight = getThumbHeight()
-	const availableTrackSpace = trackHeight - thumbHeight
-
-	return Math.max(0, Math.min(scrollProgress * availableTrackSpace, availableTrackSpace))
-}
-
-const startDragging = (event: MouseEvent) => {
-	event.preventDefault()
-	event.stopPropagation()
-
-	if (!scrollContainer.value || !scrollbarTrack.value) return
-
-	isDragging.value = true
-	startY.value = event.clientY
-	startScrollTop.value = scrollContainer.value.scrollTop
-
-	window.addEventListener('mousemove', handleDragging)
-	window.addEventListener('mouseup', stopDragging)
-
-	document.body.style.userSelect = 'none'
-	document.body.style.pointerEvents = 'none'
-}
-
-const handleDragging = (event: MouseEvent) => {
-	if (!isDragging.value || !scrollContainer.value || !scrollbarTrack.value) return
-
-	const trackRect = scrollbarTrack.value.getBoundingClientRect()
-	const deltaY = event.clientY - startY.value
-
-	const trackHeight = trackRect.height
-	const contentHeight = scrollContainer.value.scrollHeight
-	const viewportHeight = scrollContainer.value.clientHeight
-	const maxScroll = contentHeight - viewportHeight
-
-	const moveRatio = deltaY / trackHeight
-	const scrollDelta = moveRatio * maxScroll
-
-	const newScrollTop = Math.max(0, Math.min(startScrollTop.value + scrollDelta, maxScroll))
-	scrollContainer.value.scrollTop = newScrollTop
-}
-
-const stopDragging = () => {
-	isDragging.value = false
-
-	window.removeEventListener('mousemove', handleDragging)
-	window.removeEventListener('mouseup', stopDragging)
-
-	document.body.style.userSelect = ''
-	document.body.style.pointerEvents = ''
-}
-
-const handleTrackClick = (event: MouseEvent) => {
-	if (!scrollContainer.value || !scrollbarTrack.value || event.target === scrollbarThumb.value)
-		return
-
-	const trackRect = scrollbarTrack.value.getBoundingClientRect()
-	const trackHeight = trackRect.height
-	const clickRatio = (event.clientY - trackRect.top) / trackHeight
-
-	const maxScroll = scrollContainer.value.scrollHeight - scrollContainer.value.clientHeight
-	const newScrollTop = clickRatio * maxScroll
-
-	scrollContainer.value.scrollTop = Math.max(0, Math.min(newScrollTop, maxScroll))
-}
-
-const setBodyScroll = (enabled: boolean) => {
-	if (enabled) {
-		document.body.style.overflow = ''
-		document.body.style.position = ''
-		document.body.style.width = ''
-	} else {
-		document.body.style.overflow = 'hidden'
-		document.body.style.position = 'fixed'
-		document.body.style.width = '100%'
-	}
-}
-
-const enterFullScreen = () => {
-	isFullScreen.value = true
-	setBodyScroll(false)
-	nextTick(() => {
-		updateClientHeight()
-	})
-}
-
-const exitFullScreen = () => {
-	isFullScreen.value = false
-	setBodyScroll(true)
-	nextTick(() => {
-		updateClientHeight()
-	})
-}
-
-const toggleFullscreen = () => {
-	if (isFullScreen.value) {
-		exitFullScreen()
-	} else {
-		enterFullScreen()
-	}
-}
-
-const handleKeydown = (event: KeyboardEvent) => {
-	if (event.key === 'Escape') {
-		if (selectionStart.value !== null || selectionEnd.value !== null) {
-			selectionStart.value = null
-			selectionEnd.value = null
-			lastClickIndex.value = null
-			return
-		}
-
-		if (searchInput.value) {
-			clearSearch()
-			return
-		}
-
-		if (isFullScreen.value) {
-			exitFullScreen()
-		}
-	}
-}
-
-const handleGlobalMouseUp = () => {
-	if (isSelecting.value) {
-		endLineSelection()
-	}
-}
-
-const handleClickOutside = (event: MouseEvent) => {
-	if (!event.target || !(event.target instanceof Node)) return
-	const terminalElement = document.querySelector('[data-pyro-terminal]')
-	if (!terminalElement || !terminalElement.contains(event.target)) {
-		selectionStart.value = null
-		selectionEnd.value = null
-		lastClickIndex.value = null
-	}
-}
-
-const initializeTerminal = () => {
-	if (!scrollContainer.value) return
-
-	updateClientHeight()
-
-	nextTick(() => {
-		nextTick(() => {
-			const container = scrollContainer.value
-			if (container) {
-				container.scrollTop = container.scrollHeight
-				handleListScroll()
-				initialBatch.value = true
-			}
-		})
-	})
-}
-
-const showFullLogMessage = (log: string) => {
-	selectedLog.value = log
-	viewLogModal.value?.show()
-}
-
-const showSelectedLines = () => {
-	if (!hasSelection.value) return
-
-	const start = Math.min(selectionStart.value!, selectionEnd.value!)
-	const end = Math.max(selectionStart.value!, selectionEnd.value!)
-	const selectedLines = activeOutput.value.slice(start, end + 1)
-
-	selectedLog.value = selectedLines.join('\n')
-	viewLogModal.value?.show()
-}
-
-const virtualListStyle = computed(() => ({
-	transform: `translateY(${offsetY.value}px)`,
-}))
-
-const isLineSelected = (index: number) => {
-	if (selectionStart.value === null || selectionEnd.value === null) return false
-	const start = Math.min(selectionStart.value, selectionEnd.value)
-	const end = Math.max(selectionStart.value, selectionEnd.value)
-	return index >= start && index <= end
-}
-
-const handleContextMenu = () => {
-	if (isSelecting.value) {
-		endLineSelection()
-	}
-}
-
-const handleMouseDown = (event: MouseEvent) => {
-	if (event.button === 2) {
-		if (isSelecting.value) {
-			endLineSelection()
-		}
-		return
-	}
-
-	const lineIndex = getLineIndexFromEvent(event)
-	if (lineIndex === null) return
-
-	if (event.shiftKey && lastClickIndex.value !== null) {
-		selectionStart.value = lastClickIndex.value
-		selectionEnd.value = lineIndex
-		isSelecting.value = false
-	} else {
-		isSelecting.value = true
-		selectionStart.value = lineIndex
-		selectionEnd.value = lineIndex
-		lastClickIndex.value = lineIndex
-		startAutoScroll()
-	}
-}
-
-const updateLineSelection = (event: MouseEvent) => {
-	if (!isSelecting.value) return
-
-	const lineIndex = getLineIndexFromEvent(event)
-	if (lineIndex === null) return
-
-	selectionEnd.value = lineIndex
-	lastMouseEvent.value = event
-
-	const rect = scrollContainer.value?.getBoundingClientRect()
-	if (!rect) return
-
-	const threshold = 80
-	const y = event.clientY
-
-	const distanceFromTop = Math.max(0, threshold - (y - rect.top))
-	const distanceFromBottom = Math.max(0, threshold - (rect.bottom - y))
-
-	if (distanceFromTop > 0) {
-		autoScrollSpeed.value = -Math.min(20, distanceFromTop / 2)
-	} else if (distanceFromBottom > 0) {
-		autoScrollSpeed.value = Math.min(20, distanceFromBottom / 2)
-	} else {
-		autoScrollSpeed.value = 0
-	}
-}
-
-const endLineSelection = () => {
-	if (!isSelecting.value) return
-	isSelecting.value = false
-	stopAutoScroll()
-}
-
-const getLineIndexFromEvent = (event: MouseEvent): number | null => {
-	if (!scrollContainer.value) return null
-
-	const rect = scrollContainer.value.getBoundingClientRect()
-	const rawY = event.clientY - rect.top + scrollContainer.value.scrollTop
-
-	if (searchInput.value) {
-		const adjustedY = Math.max(0, rawY - 48)
-		return Math.max(0, Math.min(getLineIndexForPosition(adjustedY), activeOutput.value.length - 1))
-	}
-
-	const adjustedY = Math.max(0, rawY - 24)
-	return Math.floor(adjustedY / LINE_HEIGHT)
-}
-
-const startAutoScroll = () => {
-	if (autoScrollInterval.value) return
-	autoScrollInterval.value = setInterval(() => {
-		if (!scrollContainer.value || autoScrollSpeed.value === 0) return
-		scrollContainer.value.scrollTop += autoScrollSpeed.value
-		if (lastMouseEvent.value) {
-			updateLineSelection(lastMouseEvent.value)
-		}
-	}, 16)
-}
-
-const stopAutoScroll = () => {
-	if (autoScrollInterval.value) {
-		clearInterval(autoScrollInterval.value)
-		autoScrollInterval.value = null
-	}
-	autoScrollSpeed.value = 0
-}
-
-const handleCopy = (event: KeyboardEvent) => {
-	if (!event.metaKey && !event.ctrlKey) return
-	if (event.key !== 'c') return
-	if (selectionStart.value === null || selectionEnd.value === null) return
-
-	event.preventDefault()
-
-	const start = Math.min(selectionStart.value, selectionEnd.value)
-	const end = Math.max(selectionStart.value, selectionEnd.value)
-	const selectedLines = activeOutput.value.slice(start, end + 1)
-
-	navigator.clipboard.writeText(selectedLines.join('\n'))
-
-	selectionStart.value = null
-	selectionEnd.value = null
-	lastClickIndex.value = null
-}
-
-const hasSelection = computed(
-	() =>
-		selectionStart.value !== null &&
-		selectionEnd.value !== null &&
-		selectionStart.value !== selectionEnd.value,
-)
-
-const isSingleLineSelected = computed(
-	() =>
-		selectionStart.value !== null &&
-		selectionEnd.value !== null &&
-		selectionStart.value === selectionEnd.value,
-)
-
-const copySelectedLines = () => {
-	if (!hasSelection.value && !isSingleLineSelected.value) return
-
-	let selectedLines
-	if (isSingleLineSelected.value) {
-		const index = selectionStart.value!
-		selectedLines = [activeOutput.value[index]]
-	} else {
-		const start = Math.min(selectionStart.value!, selectionEnd.value!)
-		const end = Math.max(selectionStart.value!, selectionEnd.value!)
-		selectedLines = activeOutput.value.slice(start, end + 1)
-	}
-
-	navigator.clipboard.writeText(selectedLines.join('\n'))
-
-	selectionStart.value = null
-	selectionEnd.value = null
-	lastClickIndex.value = null
-}
-
-const getSelectionPosition = () => {
-	if (!hasSelection.value || !scrollContainer.value) return { start: 0, end: 0 }
-
-	const start = Math.min(selectionStart.value!, selectionEnd.value!)
-	const end = Math.max(selectionStart.value!, selectionEnd.value!)
-
-	const totalLines = activeOutput.value.length
-
-	return {
-		start: (start / totalLines) * 100,
-		end: ((end + 1) / totalLines) * 100,
-	}
-}
-
-const jumpToLine = (line: string, event?: MouseEvent) => {
-	event?.preventDefault()
-	event?.stopPropagation()
-
-	const index = pyroConsole.findLineIndex(line)
-	if (index === -1) return
-
-	const filteredLineIndex = pyroConsole.filteredOutput.value.indexOf(line)
-	if (filteredLineIndex === -1) return
-
-	let filteredTargetPosition = 0
-	for (let i = 0; i < filteredLineIndex; i++) {
-		filteredTargetPosition += LINE_HEIGHT
-		if (shouldShowSeparator(i, i + 1)) {
-			filteredTargetPosition += SEPARATOR_HEIGHT
-		}
-	}
-
-	const viewportHeight = scrollContainer.value?.clientHeight ?? 0
-	const currentScrollPosition = scrollContainer.value?.scrollTop ?? 0
-	const relativePosition = (filteredTargetPosition - currentScrollPosition) / viewportHeight
-
-	const targetLineRelativeOffset = relativePosition
-	const targetLine = line
-
-	clearSearch()
-
-	nextTick(() => {
-		if (!scrollContainer.value) return
-
-		const targetPosition = index * LINE_HEIGHT
-		const containerHeight = scrollContainer.value.clientHeight
-		const targetScrollTop = Math.max(0, targetPosition - containerHeight * targetLineRelativeOffset)
-
-		scrollContainer.value.scrollTop = targetScrollTop
-
-		requestAnimationFrame(() => {
-			handleListScroll()
-
-			const elements = scrollContainer.value?.getElementsByTagName('li')
-			if (!elements) return
-
-			const targetElement = Array.from(elements).find(
-				(el) =>
-					el.textContent?.includes(targetLine) && !el.hasAttribute('data-pyro-terminal-separator'),
-			)
-
-			if (targetElement) {
-				targetElement.classList.add('jumped-line')
-				requestAnimationFrame(() => {
-					targetElement.classList.add('jumped-line-active')
-					setTimeout(() => {
-						targetElement.classList.remove('jumped-line-active')
-						targetElement.classList.remove('jumped-line')
-					}, 4000)
-				})
-			}
-		})
-	})
-}
-
-const sanitizeUrl = (url: string): string => {
-	try {
-		const parsed = new URL(url)
-		if (!['http:', 'https:'].includes(parsed.protocol)) {
-			return '#'
-		}
-		return parsed.toString()
-	} catch {
-		return '#'
-	}
-}
-
-const detectedLinks = computed(() => {
-	const urlRegex = /(https?:\/\/[^\s,<]+(?=[,\s<]|$))/g
-	const matches = [...selectedLog.value.matchAll(urlRegex)].map((match) => match[0])
-	return matches.filter((url) => sanitizeUrl(url) !== '#')
-})
-
-const processedLogWithLinks = computed(() => {
-	const urlRegex = /(https?:\/\/[^\s,<]+(?=[,\s<]|$))/g
-	const sanitizedLog = DOMPurify.sanitize(selectedLog.value, {
-		ALLOWED_TAGS: [],
-		ALLOWED_ATTR: [],
-	})
-
-	return sanitizedLog.replace(urlRegex, (url) => {
-		const safeUrl = sanitizeUrl(url)
-		if (safeUrl === '#') return url
-		return `<a href="${safeUrl}" target="_blank" rel="noopener noreferrer nofollow" class="text-blue hover:underline">${url}</a>`
-	})
-})
-
-watch(
-	() => pyroConsole.filteredOutput.value,
-	() => {
-		nextTick(() => {
-			handleListScroll()
-		})
-	},
-)
-
-watch(searchInput, (value) => {
-	updateSearch(value)
-})
-
-watch(
-	() => consoleOutput.value,
-	(newOutput, oldOutput) => {
-		if (!oldOutput || newOutput.length <= oldOutput.length) return
-
-		const shouldScroll = isScrolledToBottom.value || !userHasScrolled.value || isInitialLoad.value
-
-		if (shouldScroll) {
-			if (isInitialLoad.value) {
-				setTimeout(() => {
-					scrollToBottom()
-					isInitialLoad.value = false
-				}, 100)
-			} else {
-				nextTick(scrollToBottom)
-			}
-		}
-	},
-	{ flush: 'post' },
-)
-
-watch(
-	() => pyroConsole.filteredOutput.value,
-	() => {
-		if (searchInput.value && scrollContainer.value) {
-			nextTick(() => {
-				handleListScroll()
-			})
-		}
-	},
-)
-
-watch(
-	() => props.fullScreen,
-	(newValue) => {
-		isFullScreen.value = newValue
-		nextTick(() => {
-			updateClientHeight()
-		})
-	},
-)
-
-watch(isFullScreen, () => {
-	nextTick(() => {
-		updateClientHeight()
-	})
-})
-
-onMounted(() => {
-	initializeTerminal()
-
-	window.addEventListener('resize', updateClientHeight)
-	window.addEventListener('keydown', handleKeydown)
-	window.addEventListener('mouseup', handleGlobalMouseUp)
-	window.addEventListener('contextmenu', handleContextMenu)
-	window.addEventListener('click', handleClickOutside)
-})
-
-onUnmounted(() => {
-	window.removeEventListener('resize', updateClientHeight)
-	window.removeEventListener('keydown', handleKeydown)
-	window.removeEventListener('mouseup', handleGlobalMouseUp)
-	window.removeEventListener('contextmenu', handleContextMenu)
-	window.removeEventListener('click', handleClickOutside)
-	stopDragging()
-	setBodyScroll(true)
-	if (scrollEndTimeout.value) {
-		clearTimeout(scrollEndTimeout.value)
-	}
-})
-
-onMounted(() => {
-	window.addEventListener('keydown', handleCopy)
-})
-
-onUnmounted(() => {
-	window.removeEventListener('keydown', handleCopy)
-	stopAutoScroll()
-})
-</script>
-
-<style scoped>
-:root {
-	--console-bg: var(--color-bg);
-}
-
-.terminal-font {
-	font-family: var(--mono-font);
-	font-size: 1rem;
-	line-height: 1.5em;
-}
-
-html.light-mode .console {
-	--console-bg: var(--color-bg);
-}
-
-html.dark-mode .console {
-	--console-bg: black;
-}
-
-html.oled-mode .console {
-	--console-bg: black;
-}
-
-.console {
-	background: var(--console-bg);
-}
-
-.scrollbar-none {
-	-ms-overflow-style: none;
-	scrollbar-width: none;
-}
-
-.scrollbar-none::-webkit-scrollbar {
-	display: none;
-}
-
-[data-pyro-terminal-root]::-webkit-scrollbar,
-[data-pyro-terminal-root]::-webkit-scrollbar-thumb,
-[data-pyro-terminal-root]::-webkit-scrollbar-track-piece,
-[data-pyro-terminal-root]::-webkit-scrollbar-corner {
-	display: none;
-}
-
-.screen-fixed {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100vw;
-	height: 100vh;
-	z-index: 50;
-	background: var(--color-bg);
-}
-
-@keyframes scaleUp {
-	from {
-		opacity: 0;
-		transform: scale(0.98);
-	}
-	to {
-		opacity: 1;
-		transform: scale(1);
-	}
-}
-
-.scale-fullscreen {
-	animation: scaleUp 190ms forwards;
-}
-
-.progressive-gradient {
-	background: linear-gradient(
-		to top,
-		color-mix(in srgb, var(--color-bg), transparent var(--transparency)) 0%,
-		rgba(0, 0, 0, 0) 100%
-	);
-}
-
-html.dark-mode .progressive-gradient {
-	background: linear-gradient(
-		to top,
-		color-mix(in srgb, black, transparent var(--transparency)) 0%,
-		rgba(0, 0, 0, 0) 100%
-	);
-}
-
-.scroll-to-bottom-enter-active,
-.scroll-to-bottom-leave-active {
-	transition:
-		opacity 300ms ease,
-		transform 300ms ease;
-}
-
-.scroll-to-bottom-enter-from,
-.scroll-to-bottom-leave-to {
-	opacity: 0;
-	transform: scale(0.4) translateY(2rem);
-}
-
-[data-pyro-terminal-selected='true'] {
-	border-radius: 0;
-}
-
-[data-pyro-terminal-selected='true'].first-selected {
-	border-top-left-radius: 0.5rem;
-	border-top-right-radius: 0.5rem;
-	overflow: hidden !important;
-}
-
-[data-pyro-terminal-selected='true'].last-selected {
-	border-bottom-left-radius: 0.5rem;
-	border-bottom-right-radius: 0.5rem;
-	overflow: hidden !important;
-}
-
-[data-pyro-terminal-root] {
-	will-change: transform;
-	backface-visibility: hidden;
-	transform: translateZ(0);
-	-webkit-font-smoothing: subpixel-antialiased;
-}
-
-[data-pyro-terminal-root] {
-	user-select: none;
-}
-
-[data-pyro-terminal-root] * {
-	user-select: text;
-}
-
-.selection-in-progress {
-	pointer-events: none;
-}
-
-[data-pyro-terminal-virtual-list] {
-	will-change: transform;
-	transform: translateZ(0);
-}
-
-[data-pyro-terminal-scrollbar-thumb] {
-	will-change: transform;
-	transform: translateZ(0);
-}
-
-[data-pyro-terminal-virtual-list] li {
-	height: 32px;
-	transition: background-color 0.1s ease;
-}
-
-.selected-line {
-	background: color-mix(in srgb, var(--color-blue) 20%, transparent) !important;
-	position: relative;
-}
-
-.selected-line::before {
-	content: '';
-	position: absolute;
-	left: 0;
-	top: -2px;
-	bottom: -2px;
-	width: 3px;
-	border-radius: 0.5rem;
-	background: var(--color-blue);
-}
-
-.selected-line:hover {
-	background: color-mix(in srgb, var(--color-blue) 24%, transparent) !important;
-}
-
-[data-pyro-terminal-virtual-list] li {
-	height: 32px;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-	transition: opacity 200ms ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-	opacity: 0;
-}
-
-.scrolling-active {
-	pointer-events: none;
-}
-
-.scrolling-active li {
-	pointer-events: none;
-}
-
-[data-pyro-terminal-scrollbar-track] {
-	border-radius: 24px;
-}
-
-[data-pyro-terminal-scrollbar-thumb] {
-	background: color-mix(in srgb, var(--color-contrast) 40%, transparent);
-}
-
-.view-button-enter-active {
-	transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-	width: 100px;
-	margin-left: 0.5rem;
-	overflow: hidden;
-}
-
-.view-button-leave-active {
-	transition: all 200ms cubic-bezier(0.4, 0, 1, 1);
-	overflow: hidden;
-}
-
-.view-button-enter-from,
-.view-button-leave-to {
-	opacity: 0;
-	width: 0;
-	margin-left: 0;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-.view-button-enter-active,
-.view-button-leave-active {
-	transition: all 200ms ease;
-	width: 100px;
-	margin-left: 0.5rem;
-}
-
-.view-button-enter-from,
-.view-button-leave-to {
-	opacity: 0;
-	width: 0;
-	margin-left: 0;
-}
-
-.jumped-line {
-	position: relative;
-	z-index: 1;
-}
-
-.jumped-line-active {
-	animation: highlight-jump 2s ease;
-}
-
-@keyframes highlight-jump {
-	0% {
-		background: transparent;
-	}
-	15%,
-	85% {
-		background: color-mix(in srgb, var(--color-blue) 15%, transparent);
-	}
-	100% {
-		background: transparent;
-	}
-}
-
-.jump-button {
-	opacity: 0.4;
-	transition: all 0.2s ease;
-}
-
-.group:hover .jump-button {
-	opacity: 0.8;
-}
-
-.group:hover .jump-button:hover {
-	opacity: 1;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue b/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
deleted file mode 100644
index e7b0c74ed..000000000
--- a/apps/frontend/src/components/ui/servers/PlatformChangeModpackVersionModal.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-	<NewModal
-		ref="modal"
-		:header="'Changing ' + props.project?.title + ' version'"
-		@hide="onHide"
-		@show="onShow"
-	>
-		<div class="flex flex-col gap-4 md:w-[600px]">
-			<div class="flex flex-col gap-2">
-				<p class="m-0">
-					Select the version of {{ props.project?.title || 'the modpack' }} you want to install on
-					your server.
-				</p>
-				<p v-if="props.currentVersion" class="m-0 text-sm text-secondary">
-					Currently installed: {{ props.currentVersion.version_number }}
-				</p>
-			</div>
-
-			<div class="flex w-full flex-col gap-4">
-				<Combobox
-					v-if="props.versions?.length"
-					v-model="selectedVersion"
-					:options="versionOptions.map((v) => ({ value: v, label: v }))"
-					:display-value="selectedVersion || 'Select version...'"
-					placeholder="Select version..."
-					name="version"
-					class="w-full max-w-full"
-				/>
-
-				<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="modpack-hard-reset">
-							Erase all data
-						</label>
-						<Toggle id="modpack-hard-reset" v-model="hardReset" class="shrink-0" />
-					</div>
-					<div>
-						If enabled, existing mods, worlds, and configurations, will be deleted before installing
-						the new modpack version.
-					</div>
-				</div>
-
-				<div class="mt-4 flex justify-start gap-4">
-					<ButtonStyled :color="hardReset ? 'red' : 'brand'">
-						<button
-							:disabled="isLoading || !selectedVersion || props.serverStatus === 'installing'"
-							@click="handleReinstall"
-						>
-							<DownloadIcon class="size-4" />
-							{{ isLoading ? 'Installing...' : hardReset ? 'Erase and install' : 'Install' }}
-						</button>
-					</ButtonStyled>
-					<ButtonStyled>
-						<button :disabled="isLoading" @click="hide">
-							<XIcon />
-							Cancel
-						</button>
-					</ButtonStyled>
-				</div>
-			</div>
-		</div>
-	</NewModal>
-</template>
-
-<script setup lang="ts">
-import { DownloadIcon, XIcon } from '@modrinth/assets'
-import {
-	ButtonStyled,
-	Combobox,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	NewModal,
-	Toggle,
-} from '@modrinth/ui'
-import { ModrinthServersFetchError } from '@modrinth/utils'
-
-const { serverId } = injectModrinthServerContext()
-const client = injectModrinthClient()
-const { addNotification } = injectNotificationManager()
-
-const props = defineProps<{
-	project: any
-	versions: any[]
-	currentVersion?: any
-	currentVersionId?: string
-	serverStatus?: string
-}>()
-
-const emit = defineEmits<{
-	reinstall: [any?]
-}>()
-
-const modal = ref()
-const hardReset = ref(false)
-const isLoading = ref(false)
-const selectedVersion = ref(props.currentVersion?.version_number || '')
-
-const versionOptions = computed(() => props.versions?.map((v) => v.version_number) || [])
-
-const handleReinstall = async () => {
-	if (!selectedVersion.value || !props.project?.id) return
-
-	isLoading.value = true
-	try {
-		const versionId = props.versions.find((v) => v.version_number === selectedVersion.value)?.id
-
-		await client.archon.servers_v0.reinstall(
-			serverId,
-			{
-				project_id: props.project.id,
-				version_id: versionId,
-			},
-			hardReset.value,
-		)
-
-		emit('reinstall')
-		hide()
-	} catch (error) {
-		if (error instanceof ModrinthServersFetchError && error.statusCode === 429) {
-			addNotification({
-				title: 'Cannot reinstall server',
-				text: 'You are being rate limited. Please try again later.',
-				type: 'error',
-			})
-		} else {
-			addNotification({
-				title: 'Reinstall Failed',
-				text: 'An unexpected error occurred while reinstalling. Please try again later.',
-				type: 'error',
-			})
-		}
-	} finally {
-		isLoading.value = false
-	}
-}
-
-watch(
-	() => props.serverStatus,
-	(newStatus) => {
-		if (newStatus === 'installing') {
-			hide()
-		}
-	},
-)
-
-const onShow = () => {
-	hardReset.value = false
-	selectedVersion.value =
-		props.currentVersion?.version_number ?? props.versions?.[0]?.version_number ?? ''
-}
-
-const onHide = () => {
-	hardReset.value = false
-	selectedVersion.value = ''
-	isLoading.value = false
-}
-
-const show = () => modal.value?.show()
-const hide = () => modal.value?.hide()
-
-defineExpose({ show, hide })
-</script>
diff --git a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
deleted file mode 100644
index f4ca68f7c..000000000
--- a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
+++ /dev/null
@@ -1,538 +0,0 @@
-<template>
-	<NewModal
-		ref="versionSelectModal"
-		:header="
-			isSecondPhase
-				? 'Confirming reinstallation'
-				: `${props.currentLoader === selectedLoader ? 'Reinstalling' : 'Installing'}
-      ${selectedLoader.toLowerCase() === 'vanilla' ? 'Vanilla Minecraft' : selectedLoader}`
-		"
-		@hide="onHide"
-		@show="onShow"
-	>
-		<div class="flex flex-col gap-4 md:w-[600px]">
-			<p
-				v-if="isSecondPhase"
-				:style="{
-					lineHeight: isSecondPhase ? '1.5' : undefined,
-					marginBottom: isSecondPhase ? '-12px' : '0',
-					marginTop: isSecondPhase ? '-4px' : '-2px',
-				}"
-			>
-				{{
-					'This will reinstall your server and erase all data. Are you sure you want to continue?'
-				}}
-			</p>
-			<div v-if="!isSecondPhase" class="flex flex-col gap-4">
-				<div class="mx-auto flex flex-row items-center gap-4">
-					<div
-						class="grid size-16 place-content-center rounded-2xl border-[2px] border-solid border-button-border bg-button-bg shadow-sm"
-					>
-						<LoaderIcon class="size-10" :loader="selectedLoader" />
-					</div>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						width="24"
-						height="24"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						class="size-10"
-					>
-						<path d="M5 9v6" />
-						<path d="M9 9h3V5l7 7-7 7v-4H9V9z" />
-					</svg>
-					<div
-						class="grid size-16 place-content-center rounded-2xl border-[2px] border-solid border-button-border bg-table-alternateRow shadow-sm"
-					>
-						<ServerIcon class="size-10" />
-					</div>
-				</div>
-
-				<div class="flex w-full flex-col gap-2 rounded-2xl bg-table-alternateRow p-4">
-					<div class="text-lg font-bold text-contrast">Minecraft version</div>
-					<Combobox
-						v-model="selectedMCVersion"
-						name="mcVersion"
-						:options="mcVersions.map((v) => ({ value: v, label: v }))"
-						:display-value="selectedMCVersion || 'Select Minecraft version...'"
-						class="!w-full"
-						placeholder="Select Minecraft version..."
-					/>
-					<div class="mt-2 flex items-center justify-between gap-2">
-						<label for="toggle-snapshots" class="font-semibold"> Show snapshot versions </label>
-						<div
-							v-tooltip="
-								isSnapshotSelected ? 'A snapshot version is currently selected.' : undefined
-							"
-						>
-							<Toggle
-								id="toggle-snapshots"
-								v-model="showSnapshots"
-								:disabled="isSnapshotSelected"
-							/>
-						</div>
-					</div>
-				</div>
-
-				<div
-					v-if="selectedLoader.toLowerCase() !== 'vanilla'"
-					class="flex w-full flex-col gap-2 rounded-2xl p-4"
-					:class="{
-						'bg-table-alternateRow':
-							!selectedMCVersion || isLoading || selectedLoaderVersions.length > 0,
-						'bg-highlight-red':
-							selectedMCVersion && !isLoading && selectedLoaderVersions.length === 0,
-					}"
-				>
-					<div class="flex flex-col gap-2">
-						<div class="text-lg font-bold text-contrast">{{ selectedLoader }} version</div>
-
-						<template v-if="!selectedMCVersion">
-							<div
-								class="relative flex h-9 w-full select-none items-center rounded-xl bg-button-bg px-4 opacity-50"
-							>
-								Select a Minecraft version to see available versions
-								<DropdownIcon class="absolute right-4" />
-							</div>
-						</template>
-						<template v-else-if="isLoading">
-							<div
-								class="relative flex h-9 w-full items-center rounded-xl bg-button-bg px-4 opacity-50"
-							>
-								<LoadingIcon class="mr-2 animate-spin" />
-								Loading versions...
-								<DropdownIcon class="absolute right-4" />
-							</div>
-						</template>
-						<template v-else-if="selectedLoaderVersions.length > 0">
-							<Combobox
-								v-model="selectedLoaderVersion"
-								name="loaderVersion"
-								:options="selectedLoaderVersions.map((v) => ({ value: v, label: v }))"
-								:display-value="
-									selectedLoaderVersion ||
-									(selectedLoader.toLowerCase() === 'paper' ||
-									selectedLoader.toLowerCase() === 'purpur'
-										? 'Select build number...'
-										: 'Select loader version...')
-								"
-								class="w-full max-w-[100%]"
-								:placeholder="
-									selectedLoader.toLowerCase() === 'paper' ||
-									selectedLoader.toLowerCase() === 'purpur'
-										? `Select build number...`
-										: `Select loader version...`
-								"
-							/>
-						</template>
-						<template v-else>
-							<div>No versions available for Minecraft {{ selectedMCVersion }}.</div>
-						</template>
-					</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-row items-center justify-between">
-						<label class="w-full text-lg font-bold text-contrast" for="hard-reset">
-							Erase all data
-						</label>
-						<Toggle id="hard-reset" v-model="hardReset" class="shrink-0" />
-					</div>
-					<div>
-						Removes all data on your server, including your worlds, mods, and configuration files,
-						then reinstalls it with the selected version.
-					</div>
-					<div class="font-bold">This does not affect your backups, which are stored off-site.</div>
-				</div>
-
-				<BackupWarning v-if="!initialSetup" :backup-link="`/hosting/manage/${serverId}/backups`" />
-			</div>
-
-			<div class="mt-4 flex justify-start gap-4">
-				<ButtonStyled :color="isDangerous ? 'red' : 'brand'">
-					<button
-						v-tooltip="busyReasons.length > 0 ? formatMessage(busyReasons[0].reason) : undefined"
-						:disabled="canInstall || busyReasons.length > 0"
-						@click="handleReinstall"
-					>
-						<RightArrowIcon />
-						{{
-							isLoading
-								? 'Installing...'
-								: isSecondPhase
-									? 'Erase and install'
-									: hardReset
-										? 'Continue'
-										: 'Install'
-						}}
-					</button>
-				</ButtonStyled>
-				<ButtonStyled>
-					<button
-						:disabled="isLoading"
-						@click="
-							() => {
-								if (isSecondPhase) {
-									isSecondPhase = false
-								} else {
-									hide()
-								}
-							}
-						"
-					>
-						<XIcon />
-						{{ isSecondPhase ? 'Go back' : 'Cancel' }}
-					</button>
-				</ButtonStyled>
-			</div>
-		</div>
-	</NewModal>
-</template>
-
-<script setup lang="ts">
-import { DropdownIcon, RightArrowIcon, ServerIcon, XIcon } from '@modrinth/assets'
-import {
-	BackupWarning,
-	ButtonStyled,
-	Combobox,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	NewModal,
-	Toggle,
-	useVIntl,
-} from '@modrinth/ui'
-import { type Loaders, ModrinthServersFetchError } from '@modrinth/utils'
-import { $fetch } from 'ofetch'
-
-import LoaderIcon from './icons/LoaderIcon.vue'
-import LoadingIcon from './icons/LoadingIcon.vue'
-
-const { server, serverId, busyReasons } = injectModrinthServerContext()
-const client = injectModrinthClient()
-const { addNotification } = injectNotificationManager()
-const { formatMessage } = useVIntl()
-
-interface LoaderVersion {
-	id: string
-	stable: boolean
-	loaders: {
-		id: string
-		url: string
-		stable: boolean
-	}[]
-}
-
-type VersionMap = Record<string, LoaderVersion[]>
-type VersionCache = Record<string, any>
-
-const props = defineProps<{
-	currentLoader: Loaders | undefined
-	initialSetup?: boolean
-}>()
-
-const emit = defineEmits<{
-	reinstall: [any?]
-}>()
-
-const versionSelectModal = ref()
-const isSecondPhase = ref(false)
-const hardReset = ref(false)
-const isLoading = ref(false)
-const loadingServerCheck = ref(false)
-const serverCheckError = ref('')
-const showSnapshots = ref(false)
-
-const selectedLoader = ref<Loaders>('Vanilla')
-const selectedMCVersion = ref('')
-const selectedLoaderVersion = ref('')
-
-const paperVersions = ref<Record<string, number[]>>({})
-const purpurVersions = ref<Record<string, string[]>>({})
-const loaderVersions = ref<VersionMap>({})
-const cachedVersions = ref<VersionCache>({})
-
-const versionStrings = ['forge', 'fabric', 'quilt', 'neo'] as const
-
-const isSnapshotSelected = computed(() => {
-	if (selectedMCVersion.value) {
-		const selected = tags.value.gameVersions.find((x) => x.version === selectedMCVersion.value)
-		if (selected?.version_type !== 'release') {
-			return true
-		}
-	}
-	return false
-})
-
-const getLoaderVersions = async (loader: string) => {
-	return await $fetch(
-		`https://launcher-meta.modrinth.com/${loader?.toLowerCase()}/v0/manifest.json`,
-	)
-}
-
-const fetchLoaderVersions = async () => {
-	const versions = await Promise.all(
-		versionStrings.map(async (loader) => {
-			const runFetch = async (iterations: number) => {
-				if (iterations > 5) {
-					throw new Error('Failed to fetch loader versions')
-				}
-				try {
-					const res = await getLoaderVersions(loader)
-					return { [loader]: (res as any).gameVersions }
-					// eslint-disable-next-line @typescript-eslint/no-unused-vars
-				} catch (_) {
-					return await runFetch(iterations + 1)
-				}
-			}
-			try {
-				return await runFetch(0)
-			} catch (e) {
-				console.error(e)
-				return { [loader]: [] }
-			}
-		}),
-	)
-
-	loaderVersions.value = versions.reduce((acc, val) => ({ ...acc, ...val }), {})
-}
-
-const fetchPaperVersions = async (mcVersion: string) => {
-	try {
-		const res = await $fetch(`https://fill.papermc.io/v3/projects/paper/versions/${mcVersion}`)
-		paperVersions.value[mcVersion] = (res as any).builds.sort((a: number, b: number) => b - a)
-		return res
-	} catch (e) {
-		console.error(e)
-		return null
-	}
-}
-
-const fetchPurpurVersions = async (mcVersion: string) => {
-	try {
-		const res = await $fetch(`https://api.purpurmc.org/v2/purpur/${mcVersion}`)
-		purpurVersions.value[mcVersion] = (res as any).builds.all.sort(
-			(a: string, b: string) => parseInt(b) - parseInt(a),
-		)
-		return res
-	} catch (e) {
-		console.error(e)
-		return null
-	}
-}
-
-const selectedLoaderVersions = computed<string[]>(() => {
-	const loader = selectedLoader.value.toLowerCase()
-
-	if (loader === 'paper') {
-		return paperVersions.value[selectedMCVersion.value]?.map((x) => `${x}`) || []
-	}
-
-	if (loader === 'purpur') {
-		return purpurVersions.value[selectedMCVersion.value] || []
-	}
-
-	if (loader === 'vanilla') {
-		return []
-	}
-
-	let apiLoader = loader
-	if (loader === 'neoforge') {
-		apiLoader = 'neo'
-	}
-
-	const backwardsCompatibleVersion = loaderVersions.value[apiLoader]?.find(
-		(x) => x.id === '${modrinth.gameVersion}',
-	)
-
-	if (backwardsCompatibleVersion) {
-		return backwardsCompatibleVersion.loaders.map((x) => x.id)
-	}
-
-	return (
-		loaderVersions.value[apiLoader]
-			?.find((x) => x.id === selectedMCVersion.value)
-			?.loaders.map((x) => x.id) || []
-	)
-})
-
-watch(selectedLoader, async () => {
-	if (selectedMCVersion.value) {
-		selectedLoaderVersion.value = ''
-		serverCheckError.value = ''
-
-		await checkVersionAvailability(selectedMCVersion.value)
-	}
-})
-
-watch(
-	selectedLoaderVersions,
-	(newVersions) => {
-		if (
-			newVersions.length > 0 &&
-			(!selectedLoaderVersion.value || !newVersions.includes(selectedLoaderVersion.value))
-		) {
-			selectedLoaderVersion.value = String(newVersions[0])
-		}
-	},
-	{ immediate: true },
-)
-
-const getLoaderVersion = async (loader: string, version: string) => {
-	return await $fetch(
-		`https://launcher-meta.modrinth.com/${loader?.toLowerCase()}/v0/versions/${version}.json`,
-	)
-}
-
-const checkVersionAvailability = async (version: string) => {
-	if (!version || version.trim().length < 3) return
-
-	isLoading.value = true
-	loadingServerCheck.value = true
-
-	try {
-		const mcRes = cachedVersions.value[version] || (await getLoaderVersion('minecraft', version))
-
-		cachedVersions.value[version] = mcRes
-
-		if (!mcRes.downloads?.server) {
-			serverCheckError.value = "We couldn't find a server.jar for this version."
-			return
-		}
-
-		const loader = selectedLoader.value.toLowerCase()
-		if (loader === 'paper' || loader === 'purpur') {
-			const fetchFn = loader === 'paper' ? fetchPaperVersions : fetchPurpurVersions
-			const result = await fetchFn(version)
-			if (!result) {
-				serverCheckError.value = `This Minecraft version is not supported by ${loader}.`
-				return
-			}
-		}
-
-		serverCheckError.value = ''
-	} catch (error) {
-		console.error(error)
-		serverCheckError.value = 'Failed to fetch versions.'
-	} finally {
-		loadingServerCheck.value = false
-		isLoading.value = false
-	}
-}
-
-watch(selectedMCVersion, checkVersionAvailability)
-
-onMounted(() => {
-	fetchLoaderVersions()
-})
-
-const tags = useGeneratedState()
-const mcVersions = computed(() =>
-	tags.value.gameVersions
-		.filter((x) =>
-			showSnapshots.value
-				? x.version_type === 'snapshot' || x.version_type === 'release'
-				: x.version_type === 'release',
-		)
-		.map((x) => x.version),
-)
-
-const isDangerous = computed(() => hardReset.value)
-const canInstall = computed(() => {
-	const conds =
-		!selectedMCVersion.value ||
-		isLoading.value ||
-		loadingServerCheck.value ||
-		serverCheckError.value.trim().length > 0
-
-	if (selectedLoader.value.toLowerCase() === 'vanilla') {
-		return conds
-	}
-
-	return conds || !selectedLoaderVersion.value
-})
-
-const handleReinstall = async () => {
-	if (hardReset.value && !isSecondPhase.value) {
-		isSecondPhase.value = true
-		return
-	}
-
-	isLoading.value = true
-
-	try {
-		await client.archon.servers_v0.reinstall(
-			serverId,
-			{
-				loader: selectedLoader.value,
-				loader_version:
-					selectedLoader.value === 'Vanilla' ? undefined : selectedLoaderVersion.value || undefined,
-				game_version: selectedMCVersion.value,
-			},
-			props.initialSetup ? true : hardReset.value,
-		)
-
-		emit('reinstall', {
-			loader: selectedLoader.value,
-			lVersion: selectedLoaderVersion.value,
-			mVersion: selectedMCVersion.value,
-		})
-
-		hide()
-	} catch (error) {
-		if (error instanceof ModrinthServersFetchError && (error as any)?.statusCode === 429) {
-			addNotification({
-				title: 'Cannot reinstall server',
-				text: 'You are being rate limited. Please try again later.',
-				type: 'error',
-			})
-		} else {
-			addNotification({
-				title: 'Reinstall Failed',
-				text: 'An unexpected error occurred while reinstalling. Please try again later.',
-				type: 'error',
-			})
-		}
-	} finally {
-		isLoading.value = false
-	}
-}
-
-const onShow = () => {
-	selectedMCVersion.value = server.value?.mc_version || ''
-	if (isSnapshotSelected.value) {
-		showSnapshots.value = true
-	}
-}
-
-const onHide = () => {
-	hardReset.value = false
-	isSecondPhase.value = false
-	serverCheckError.value = ''
-	loadingServerCheck.value = false
-	isLoading.value = false
-	selectedMCVersion.value = ''
-	serverCheckError.value = ''
-	paperVersions.value = {}
-	purpurVersions.value = {}
-}
-
-const show = (loader: Loaders) => {
-	if (selectedLoader.value !== loader) {
-		selectedLoaderVersion.value = ''
-	}
-	selectedLoader.value = loader
-	selectedMCVersion.value = server.value?.mc_version || ''
-	versionSelectModal.value?.show()
-}
-const hide = () => versionSelectModal.value?.hide()
-
-defineExpose({ show, hide })
-</script>
diff --git a/apps/frontend/src/components/ui/servers/SaveBanner.vue b/apps/frontend/src/components/ui/servers/SaveBanner.vue
deleted file mode 100644
index 092ca3b60..000000000
--- a/apps/frontend/src/components/ui/servers/SaveBanner.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<Transition name="save-banner">
-		<div
-			v-if="props.isVisible"
-			data-pyro-save-banner
-			class="fixed bottom-16 left-0 right-0 z-[10] mx-auto h-fit w-full max-w-4xl transition-all duration-300 sm:bottom-8"
-		>
-			<div class="mx-2 rounded-2xl border-2 border-solid border-button-border bg-bg-raised p-4">
-				<div class="flex flex-col items-center justify-between gap-2 md:flex-row">
-					<span class="font-bold text-contrast">Careful, you have unsaved changes!</span>
-					<div class="flex gap-2">
-						<ButtonStyled type="transparent" color="standard">
-							<button :disabled="props.isUpdating" @click="props.reset">Reset</button>
-						</ButtonStyled>
-						<ButtonStyled type="standard" :color="props.restart ? 'standard' : 'brand'">
-							<button :disabled="props.isUpdating" @click="props.save">
-								{{ props.isUpdating ? 'Saving...' : 'Save' }}
-							</button>
-						</ButtonStyled>
-						<ButtonStyled v-if="props.restart" type="standard" color="brand">
-							<button :disabled="props.isUpdating || isTransitioning" @click="saveAndPower">
-								{{ powerButtonLabel }}
-							</button>
-						</ButtonStyled>
-					</div>
-				</div>
-			</div>
-		</div>
-	</Transition>
-</template>
-
-<script setup lang="ts">
-import { ButtonStyled, injectModrinthClient, injectModrinthServerContext } from '@modrinth/ui'
-import { computed } from 'vue'
-
-const props = defineProps<{
-	isUpdating: boolean
-	restart?: boolean
-	save: () => void
-	reset: () => void
-	isVisible: boolean
-	serverId: string
-}>()
-
-const client = injectModrinthClient()
-const { powerState } = injectModrinthServerContext()
-
-const isStopped = computed(() => powerState.value === 'stopped' || powerState.value === 'crashed')
-
-const isTransitioning = computed(
-	() => powerState.value === 'starting' || powerState.value === 'stopping',
-)
-
-const powerButtonLabel = computed(() => {
-	if (props.isUpdating) return 'Saving...'
-	if (isTransitioning.value) return isStopped.value ? 'Save & start' : 'Save & restart'
-	return isStopped.value ? 'Save & start' : 'Save & restart'
-})
-
-const saveAndPower = async () => {
-	props.save()
-	await client.archon.servers_v0.power(props.serverId, isStopped.value ? 'Start' : 'Restart')
-}
-</script>
-
-<style scoped>
-.save-banner-enter-active {
-	transition:
-		opacity 300ms,
-		transform 300ms;
-}
-
-.save-banner-leave-active {
-	transition:
-		opacity 200ms,
-		transform 200ms;
-}
-
-.save-banner-enter-from,
-.save-banner-leave-to {
-	opacity: 0;
-	transform: translateY(100%) scale(0.98);
-}
-
-.save-banner-enter-to,
-.save-banner-leave-from {
-	opacity: 1;
-	transform: none;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/ServerSidebar.vue b/apps/frontend/src/components/ui/servers/ServerSidebar.vue
deleted file mode 100644
index 1b455df0c..000000000
--- a/apps/frontend/src/components/ui/servers/ServerSidebar.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<div class="static w-full grid-cols-1 md:relative md:flex">
-		<div class="static h-full flex-col pb-4 md:flex md:pb-0 md:pr-4">
-			<div class="z-10 flex select-none flex-col gap-2 rounded-2xl bg-bg-raised p-4 md:w-[16rem]">
-				<div
-					v-for="link in navLinks.filter((x) => x.shown === undefined || x.shown)"
-					:key="link.label"
-				>
-					<NuxtLink
-						:to="link.href"
-						class="flex items-center gap-2 rounded-xl p-2 hover:bg-button-bg"
-						: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" />
-							{{ link.label }}
-						</div>
-
-						<div class="flex-grow" />
-						<RightArrowIcon v-if="link.external" class="size-4" />
-					</NuxtLink>
-				</div>
-			</div>
-		</div>
-
-		<div class="h-full w-full">
-			<NuxtPage :route="route" @reinstall="onReinstall" />
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { RightArrowIcon } from '@modrinth/assets'
-import type { RouteLocationNormalized } from 'vue-router'
-
-const emit = defineEmits(['reinstall'])
-
-defineProps<{
-	navLinks: {
-		label: string
-		href: string
-		icon: Component
-		external?: boolean
-		shown?: boolean
-	}[]
-	route: RouteLocationNormalized
-}>()
-
-const onReinstall = (...args: any[]) => {
-	emit('reinstall', ...args)
-}
-</script>
diff --git a/apps/frontend/src/components/ui/servers/ServerStats.vue b/apps/frontend/src/components/ui/servers/ServerStats.vue
deleted file mode 100644
index a16aa6322..000000000
--- a/apps/frontend/src/components/ui/servers/ServerStats.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<template>
-	<div
-		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"
-			:key="index"
-			class="relative isolate 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="relative z-10">
-					<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">
-							{{ metric.value }}
-						</h2>
-						<h3 class="text-sm font-normal text-secondary">/ {{ metric.max }}</h3>
-					</div>
-					<h3 class="flex items-center gap-2 text-base font-normal text-secondary">
-						{{ metric.title }}
-						<IssuesIcon
-							v-if="metric.warning && !loading"
-							v-tooltip="metric.warning"
-							class="size-5"
-							:style="{ color: 'var(--color-orange)' }"
-						/>
-					</h3>
-				</div>
-				<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>
-		</div>
-		<nuxt-link
-			:to="loading ? undefined : `/hosting/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'"
-		>
-			<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) }}
-				</h2>
-			</div>
-			<h3 class="text-base font-normal text-secondary">Storage usage</h3>
-			<FolderOpenIcon class="absolute right-10 top-10 size-8" />
-		</nuxt-link>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { CpuIcon, DatabaseIcon, FolderOpenIcon, IssuesIcon } from '@modrinth/assets'
-import type { Stats } from '@modrinth/utils'
-import { useStorage } from '@vueuse/core'
-import { computed, ref, shallowRef } from 'vue'
-
-const flags = useFeatureFlags()
-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 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 formatBytes = (bytes: number) => {
-	const units = ['B', 'KB', 'MB', 'GB']
-	let value = bytes
-	let unit = 0
-	while (value >= 1024 && unit < units.length - 1) {
-		value /= 1024
-		unit++
-	}
-	return `${Math.round(value * 10) / 10} ${units[unit]}`
-}
-
-const cpuData = ref<number[]>(Array(20).fill(0))
-const ramData = ref<number[]>(Array(20).fill(0))
-
-const updateGraphData = (arr: number[], newValue: number) => {
-	arr.push(newValue)
-	arr.shift()
-}
-
-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,
-	)
-	const cpuPercent = Math.min(stats.value.cpu_percent, 100)
-
-	updateGraphData(cpuData.value, cpuPercent)
-	updateGraphData(ramData.value, ramPercent)
-
-	return [
-		{
-			title: 'CPU usage',
-			value: `${cpuPercent.toFixed(2)}%`,
-			max: '100%',
-			icon: CpuIcon,
-			data: cpuData.value,
-			showGraph: true,
-			warning: cpuPercent >= 90 ? 'CPU usage is very high' : null,
-		},
-		{
-			title: 'Memory usage',
-			value:
-				userPreferences.value.ramAsNumber || flags.developerMode
-					? formatBytes(stats.value.ram_usage_bytes)
-					: `${ramPercent.toFixed(2)}%`,
-			max:
-				userPreferences.value.ramAsNumber || flags.developerMode
-					? formatBytes(stats.value.ram_total_bytes)
-					: '100%',
-			icon: DatabaseIcon,
-			data: ramData.value,
-			showGraph: true,
-			warning: ramPercent >= 90 ? 'Memory usage is very high' : null,
-		},
-	]
-})
-
-const getChartOptions = (hasWarning: string | null, index: number) => ({
-	chart: {
-		type: 'area',
-		animations: { enabled: false },
-		sparkline: { enabled: true },
-		toolbar: { show: false },
-		padding: {
-			left: -10,
-			right: -10,
-			top: 0,
-			bottom: 0,
-		},
-		events: {
-			mounted: () => onChartReady(index),
-			updated: () => onChartReady(index),
-		},
-	},
-	stroke: { curve: 'smooth', width: 3 },
-	fill: {
-		type: 'gradient',
-		gradient: {
-			shadeIntensity: 1,
-			opacityFrom: 0.25,
-			opacityTo: 0.05,
-			stops: [0, 100],
-		},
-	},
-	tooltip: { enabled: false },
-	grid: { show: false },
-	xaxis: {
-		labels: { show: false },
-		axisBorder: { show: false },
-		type: 'numeric',
-		tickAmount: 20,
-		range: 20,
-	},
-	yaxis: {
-		show: false,
-		min: 0,
-		max: 100,
-		forceNiceScale: false,
-	},
-	colors: [hasWarning ? 'var(--color-orange)' : 'var(--color-brand)'],
-	dataLabels: {
-		enabled: false,
-	},
-})
-
-watch(
-	() => props.data?.current,
-	(newStats) => {
-		if (newStats) {
-			stats.value = newStats
-		}
-	},
-)
-</script>
-
-<style scoped>
-.chart-space {
-	height: 142px;
-	width: calc(100% + 48px);
-	margin-left: -24px;
-	margin-right: -24px;
-}
-
-.chart {
-	width: 100% !important;
-	height: 142px !important;
-	transition: opacity 0.3s ease-out;
-}
-</style>
diff --git a/apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue b/apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue
deleted file mode 100644
index 4a8f77413..000000000
--- a/apps/frontend/src/components/ui/servers/TeleportOverflowMenu.vue
+++ /dev/null
@@ -1,438 +0,0 @@
-<template>
-	<div data-pyro-telepopover-wrapper class="relative">
-		<button
-			ref="triggerRef"
-			class="teleport-overflow-menu-trigger"
-			:aria-expanded="isOpen"
-			:aria-haspopup="true"
-			@mousedown="handleMouseDown"
-			@mouseenter="handleMouseEnter"
-			@mouseleave="handleMouseLeave"
-			@click="toggleMenu"
-		>
-			<slot></slot>
-		</button>
-		<Teleport to="#teleports">
-			<Transition
-				enter-active-class="transition duration-125 ease-out"
-				enter-from-class="transform scale-75 opacity-0"
-				enter-to-class="transform scale-100 opacity-100"
-				leave-active-class="transition duration-125 ease-in"
-				leave-from-class="transform scale-100 opacity-100"
-				leave-to-class="transform scale-75 opacity-0"
-			>
-				<div
-					v-if="isOpen"
-					ref="menuRef"
-					data-pyro-telepopover-root
-					class="experimental-styles-within fixed isolate z-[9999] flex w-fit flex-col gap-2 overflow-hidden rounded-2xl border-[1px] border-solid border-surface-5 bg-bg-raised p-2 shadow-lg"
-					:style="menuStyle"
-					role="menu"
-					tabindex="-1"
-					@mousedown.stop
-					@mouseleave="handleMouseLeave"
-				>
-					<template
-						v-for="(option, index) in filteredOptions"
-						:key="isDivider(option) ? `divider-${index}` : option.id"
-					>
-						<div v-if="isDivider(option)" class="h-px w-full bg-surface-5"></div>
-						<ButtonStyled v-else type="transparent" role="menuitem" :color="option.color">
-							<button
-								v-if="typeof option.action === 'function'"
-								:ref="
-									(el) => {
-										if (el) menuItemsRef[index] = el as HTMLElement
-									}
-								"
-								class="w-full !justify-start !whitespace-nowrap focus-visible:!outline-none"
-								:aria-selected="index === selectedIndex"
-								:style="index === selectedIndex ? { background: 'var(--color-button-bg)' } : {}"
-								@click="handleItemClick(option, index)"
-								@focus="selectedIndex = index"
-								@mouseover="handleMouseOver(index)"
-							>
-								<slot :name="option.id">{{ option.id }}</slot>
-							</button>
-							<nuxt-link
-								v-else-if="typeof option.action === 'string' && option.action.startsWith('/')"
-								:ref="
-									(el) => {
-										if (el) menuItemsRef[index] = el as HTMLElement
-									}
-								"
-								:to="option.action"
-								class="w-full !justify-start !whitespace-nowrap focus-visible:!outline-none"
-								:aria-selected="index === selectedIndex"
-								:style="index === selectedIndex ? { background: 'var(--color-button-bg)' } : {}"
-								@click="handleItemClick(option, index)"
-								@focus="selectedIndex = index"
-								@mouseover="handleMouseOver(index)"
-							>
-								<slot :name="option.id">{{ option.id }}</slot>
-							</nuxt-link>
-							<a
-								v-else-if="typeof option.action === 'string' && !option.action.startsWith('http')"
-								:ref="
-									(el) => {
-										if (el) menuItemsRef[index] = el as HTMLElement
-									}
-								"
-								:href="option.action"
-								target="_blank"
-								class="w-full !justify-start !whitespace-nowrap focus-visible:!outline-none"
-								:aria-selected="index === selectedIndex"
-								:style="index === selectedIndex ? { background: 'var(--color-button-bg)' } : {}"
-								@click="handleItemClick(option, index)"
-								@focus="selectedIndex = index"
-								@mouseover="handleMouseOver(index)"
-							>
-								<slot :name="option.id">{{ option.id }}</slot>
-							</a>
-							<span v-else>
-								<slot :name="option.id">{{ option.id }}</slot>
-							</span>
-						</ButtonStyled>
-					</template>
-				</div>
-			</Transition>
-		</Teleport>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ButtonStyled } from '@modrinth/ui'
-import { onClickOutside, useElementHover } from '@vueuse/core'
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
-
-interface Option {
-	id: string
-	action?: (() => void) | string
-	shown?: boolean
-	color?: 'standard' | 'brand' | 'red' | 'orange' | 'green' | 'blue' | 'purple'
-}
-
-type Divider = {
-	divider: true
-	shown?: boolean
-}
-
-type Item = Option | Divider
-
-function isDivider(item: Item): item is Divider {
-	return (item as Divider).divider
-}
-
-const props = withDefaults(
-	defineProps<{
-		options: Item[]
-		hoverable?: boolean
-	}>(),
-	{
-		hoverable: false,
-	},
-)
-
-const emit = defineEmits<{
-	(e: 'select', option: Option): void
-}>()
-
-const isOpen = ref(false)
-const selectedIndex = ref(-1)
-const menuRef = ref<HTMLElement | null>(null)
-const triggerRef = ref<HTMLElement | null>(null)
-const isMouseDown = ref(false)
-const typeAheadBuffer = ref('')
-const typeAheadTimeout = ref<number | null>(null)
-const menuItemsRef = ref<HTMLElement[]>([])
-
-const hoveringTrigger = useElementHover(triggerRef)
-const hoveringMenu = useElementHover(menuRef)
-
-const hovering = computed(() => hoveringTrigger.value || hoveringMenu.value)
-
-const menuStyle = ref({
-	top: '0px',
-	left: '0px',
-})
-
-const filteredOptions = computed(() => props.options.filter((option) => option.shown !== false))
-
-const calculateMenuPosition = () => {
-	if (!triggerRef.value || !menuRef.value) return { top: '0px', left: '0px' }
-
-	const triggerRect = triggerRef.value.getBoundingClientRect()
-	const menuRect = menuRef.value.getBoundingClientRect()
-	const menuWidth = menuRect.width
-	const menuHeight = menuRect.height
-	const margin = 8
-
-	let top: number
-	let left: number
-
-	// okay gang lets calculate this shit
-	// from the top now yall
-	// y
-	if (triggerRect.bottom + menuHeight + margin <= window.innerHeight) {
-		top = triggerRect.bottom + margin
-	} else if (triggerRect.top - menuHeight - margin >= 0) {
-		top = triggerRect.top - menuHeight - margin
-	} else {
-		top = Math.max(margin, window.innerHeight - menuHeight - margin)
-	}
-
-	// x
-	if (triggerRect.left + menuWidth + margin <= window.innerWidth) {
-		left = triggerRect.left
-	} else if (triggerRect.right - menuWidth - margin >= 0) {
-		left = triggerRect.right - menuWidth
-	} else {
-		left = Math.max(margin, window.innerWidth - menuWidth - margin)
-	}
-
-	return {
-		top: `${top}px`,
-		left: `${left}px`,
-	}
-}
-
-const toggleMenu = (event: MouseEvent) => {
-	event.stopPropagation()
-	if (!props.hoverable) {
-		if (isOpen.value) {
-			closeMenu()
-		} else {
-			openMenu()
-		}
-	}
-}
-
-const openMenu = () => {
-	isOpen.value = true
-	disableBodyScroll()
-	nextTick(() => {
-		menuStyle.value = calculateMenuPosition()
-		document.addEventListener('mousemove', handleMouseMove)
-		focusFirstMenuItem()
-	})
-}
-
-const closeMenu = () => {
-	isOpen.value = false
-	selectedIndex.value = -1
-	enableBodyScroll()
-	document.removeEventListener('mousemove', handleMouseMove)
-}
-
-const selectOption = (option: Option) => {
-	emit('select', option)
-	if (typeof option.action === 'function') {
-		option.action()
-	}
-	closeMenu()
-}
-
-const handleMouseDown = (event: MouseEvent) => {
-	event.preventDefault()
-	isMouseDown.value = true
-}
-
-const handleMouseEnter = () => {
-	if (props.hoverable) {
-		openMenu()
-	}
-}
-
-const handleMouseLeave = () => {
-	if (props.hoverable) {
-		setTimeout(() => {
-			if (!hovering.value) {
-				closeMenu()
-			}
-		}, 250)
-	}
-}
-
-const handleMouseMove = (event: MouseEvent) => {
-	if (!isOpen.value || !isMouseDown.value) return
-
-	const menuRect = menuRef.value?.getBoundingClientRect()
-	if (!menuRect) return
-
-	const menuItems = menuRef.value?.querySelectorAll('[role="menuitem"]')
-	if (!menuItems) return
-
-	for (let i = 0; i < menuItems.length; i++) {
-		const itemRect = (menuItems[i] as HTMLElement).getBoundingClientRect()
-		if (
-			event.clientX >= itemRect.left &&
-			event.clientX <= itemRect.right &&
-			event.clientY >= itemRect.top &&
-			event.clientY <= itemRect.bottom
-		) {
-			selectedIndex.value = i
-			break
-		}
-	}
-}
-
-const handleItemClick = (option: Option, index: number) => {
-	selectedIndex.value = index
-	selectOption(option)
-}
-
-const handleMouseOver = (index: number) => {
-	selectedIndex.value = index
-	menuItemsRef.value[selectedIndex.value].focus?.()
-}
-
-// Scrolling is disabled for keyboard navigation
-const disableBodyScroll = () => {
-	document.body.style.overflow = 'hidden'
-}
-
-const enableBodyScroll = () => {
-	document.body.style.overflow = ''
-}
-
-const focusFirstMenuItem = () => {
-	if (menuItemsRef.value.length > 0) {
-		menuItemsRef.value[0].focus?.()
-	}
-}
-
-const handleKeydown = (event: KeyboardEvent) => {
-	if (!isOpen.value) {
-		if (event.key === 'Enter' || event.key === ' ') {
-			event.preventDefault()
-			openMenu()
-		}
-		return
-	}
-
-	switch (event.key) {
-		case 'ArrowDown':
-			event.preventDefault()
-			selectedIndex.value = (selectedIndex.value + 1) % filteredOptions.value.length
-			menuItemsRef.value[selectedIndex.value].focus?.()
-			break
-		case 'ArrowUp':
-			event.preventDefault()
-			selectedIndex.value =
-				(selectedIndex.value - 1 + filteredOptions.value.length) % filteredOptions.value.length
-			menuItemsRef.value[selectedIndex.value].focus?.()
-			break
-		case 'Home':
-			event.preventDefault()
-			if (menuItemsRef.value.length > 0) {
-				selectedIndex.value = 0
-				menuItemsRef.value[selectedIndex.value].focus?.()
-			}
-			break
-		case 'End':
-			event.preventDefault()
-			if (menuItemsRef.value.length > 0) {
-				selectedIndex.value = filteredOptions.value.length - 1
-				menuItemsRef.value[selectedIndex.value].focus?.()
-			}
-			break
-		case 'Enter':
-		case ' ':
-			event.preventDefault()
-			if (selectedIndex.value >= 0) {
-				const option = filteredOptions.value[selectedIndex.value]
-				if (isDivider(option)) break
-				selectOption(option)
-			}
-			break
-		case 'Escape':
-			event.preventDefault()
-			closeMenu()
-			triggerRef.value?.focus?.()
-			break
-		case 'Tab':
-			event.preventDefault()
-			if (menuItemsRef.value.length > 0) {
-				if (event.shiftKey) {
-					selectedIndex.value =
-						(selectedIndex.value - 1 + filteredOptions.value.length) % filteredOptions.value.length
-				} else {
-					selectedIndex.value = (selectedIndex.value + 1) % filteredOptions.value.length
-				}
-				menuItemsRef.value[selectedIndex.value].focus?.()
-			}
-			break
-		default:
-			if (event.key.length === 1) {
-				typeAheadBuffer.value += event.key.toLowerCase()
-				const matchIndex = filteredOptions.value.findIndex(
-					(option) =>
-						!isDivider(option) && option.id.toLowerCase().startsWith(typeAheadBuffer.value),
-				)
-				if (matchIndex !== -1) {
-					selectedIndex.value = matchIndex
-					menuItemsRef.value[selectedIndex.value].focus?.()
-				}
-				if (typeAheadTimeout.value) {
-					clearTimeout(typeAheadTimeout.value)
-				}
-				typeAheadTimeout.value = setTimeout(() => {
-					typeAheadBuffer.value = ''
-				}, 1000) as unknown as number
-			}
-			break
-	}
-}
-
-const handleResizeOrScroll = () => {
-	if (isOpen.value) {
-		menuStyle.value = calculateMenuPosition()
-	}
-}
-
-const throttle = (func: (...args: any[]) => void, limit: number): ((...args: any[]) => void) => {
-	let inThrottle: boolean
-	return function (...args: any[]) {
-		if (!inThrottle) {
-			func(...args)
-			inThrottle = true
-			setTimeout(() => (inThrottle = false), limit)
-		}
-	}
-}
-
-const throttledHandleResizeOrScroll = throttle(handleResizeOrScroll, 100)
-
-onMounted(() => {
-	triggerRef.value?.addEventListener('keydown', handleKeydown)
-	window.addEventListener('resize', throttledHandleResizeOrScroll)
-	window.addEventListener('scroll', throttledHandleResizeOrScroll)
-})
-
-onUnmounted(() => {
-	triggerRef.value?.removeEventListener('keydown', handleKeydown)
-	window.removeEventListener('resize', throttledHandleResizeOrScroll)
-	window.removeEventListener('scroll', throttledHandleResizeOrScroll)
-	document.removeEventListener('mousemove', handleMouseMove)
-	if (typeAheadTimeout.value) {
-		clearTimeout(typeAheadTimeout.value)
-	}
-	enableBodyScroll()
-})
-
-watch(isOpen, (newValue) => {
-	if (newValue) {
-		nextTick(() => {
-			menuRef.value?.addEventListener('keydown', handleKeydown)
-		})
-	} else {
-		menuRef.value?.removeEventListener('keydown', handleKeydown)
-	}
-})
-
-onClickOutside(menuRef, (event) => {
-	if (!triggerRef.value?.contains(event.target as Node)) {
-		closeMenu()
-	}
-})
-</script>
diff --git a/apps/frontend/src/components/ui/servers/icons/ChevronDownIcon.vue b/apps/frontend/src/components/ui/servers/icons/ChevronDownIcon.vue
deleted file mode 100644
index 783d18a40..000000000
--- a/apps/frontend/src/components/ui/servers/icons/ChevronDownIcon.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="lucide lucide-chevron-down"
-	>
-		<path d="m6 9 6 6 6-6" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/ChevronUpIcon.vue b/apps/frontend/src/components/ui/servers/icons/ChevronUpIcon.vue
deleted file mode 100644
index da6cf408a..000000000
--- a/apps/frontend/src/components/ui/servers/icons/ChevronUpIcon.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="lucide lucide-chevron-up"
-	>
-		<path d="m18 15-6-6-6 6" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/CodeFileIcon.vue b/apps/frontend/src/components/ui/servers/icons/CodeFileIcon.vue
deleted file mode 100644
index 42022a33c..000000000
--- a/apps/frontend/src/components/ui/servers/icons/CodeFileIcon.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<path d="M10 12.5 8 15l2 2.5" />
-		<path d="m14 12.5 2 2.5-2 2.5" />
-		<path d="M14 2v4a2 2 0 0 0 2 2h4" />
-		<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/CogFolderIcon.vue b/apps/frontend/src/components/ui/servers/icons/CogFolderIcon.vue
deleted file mode 100644
index cc8fc1bc6..000000000
--- a/apps/frontend/src/components/ui/servers/icons/CogFolderIcon.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<circle cx="18" cy="18" r="3" />
-		<path
-			d="M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v3.3"
-		/>
-		<path d="m21.7 19.4-.9-.3" />
-		<path d="m15.2 16.9-.9-.3" />
-		<path d="m16.6 21.7.3-.9" />
-		<path d="m19.1 15.2.3-.9" />
-		<path d="m19.6 21.7-.4-1" />
-		<path d="m16.8 15.3-.4-1" />
-		<path d="m14.3 19.6 1-.4" />
-		<path d="m20.7 16.8 1-.4" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/EarthIcon.vue b/apps/frontend/src/components/ui/servers/icons/EarthIcon.vue
deleted file mode 100644
index e96f944bc..000000000
--- a/apps/frontend/src/components/ui/servers/icons/EarthIcon.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<path d="M21.54 15H17a2 2 0 0 0-2 2v4.54" />
-		<path
-			d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"
-		/>
-		<path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05" />
-		<circle cx="12" cy="12" r="10" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/FullscreenIcon.vue b/apps/frontend/src/components/ui/servers/icons/FullscreenIcon.vue
deleted file mode 100644
index 383912d2b..000000000
--- a/apps/frontend/src/components/ui/servers/icons/FullscreenIcon.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="size-5"
-	>
-		<path d="m21 21-6-6m6 6v-4.8m0 4.8h-4.8" />
-		<path d="M3 16.2V21m0 0h4.8M3 21l6-6" />
-		<path d="M21 7.8V3m0 0h-4.8M21 3l-6 6" />
-		<path d="M3 7.8V3m0 0h4.8M3 3l6 6" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/ImageFileIcon.vue b/apps/frontend/src/components/ui/servers/icons/ImageFileIcon.vue
deleted file mode 100644
index 6aa81c277..000000000
--- a/apps/frontend/src/components/ui/servers/icons/ImageFileIcon.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
-		<path d="M14 2v4a2 2 0 0 0 2 2h4" />
-		<circle cx="10" cy="12" r="2" />
-		<path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue b/apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue
deleted file mode 100644
index 090bb945b..000000000
--- a/apps/frontend/src/components/ui/servers/icons/LoaderIcon.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-	<component :is="icon" v-if="icon" />
-	<LoaderIcon v-else />
-</template>
-
-<script setup lang="ts">
-import { getLoaderIcon, LoaderIcon } from '@modrinth/assets'
-import { computed } from 'vue'
-
-const props = defineProps<{
-	loader: string
-}>()
-
-const icon = computed(() => getLoaderIcon(props.loader))
-</script>
diff --git a/apps/frontend/src/components/ui/servers/icons/LoadingIcon.vue b/apps/frontend/src/components/ui/servers/icons/LoadingIcon.vue
deleted file mode 100644
index 9e9a8ad3f..000000000
--- a/apps/frontend/src/components/ui/servers/icons/LoadingIcon.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-		<path
-			fill-rule="evenodd"
-			d="M15.312 11.424a5.5 5.5 0 0 1-9.201 2.466l-.312-.311h2.433a.75.75 0 0 0 0-1.5H3.989a.75.75 0 0 0-.75.75v4.242a.75.75 0 0 0 1.5 0v-2.43l.31.31a7 7 0 0 0 11.712-3.138.75.75 0 0 0-1.449-.39Zm1.23-3.723a.75.75 0 0 0 .219-.53V2.929a.75.75 0 0 0-1.5 0V5.36l-.31-.31A7 7 0 0 0 3.239 8.188a.75.75 0 1 0 1.448.389A5.5 5.5 0 0 1 13.89 6.11l.311.31h-2.432a.75.75 0 0 0 0 1.5h4.243a.75.75 0 0 0 .53-.219Z"
-			clip-rule="evenodd"
-		/>
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/MinimizeIcon.vue.vue b/apps/frontend/src/components/ui/servers/icons/MinimizeIcon.vue.vue
deleted file mode 100644
index 27b0fcad2..000000000
--- a/apps/frontend/src/components/ui/servers/icons/MinimizeIcon.vue.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="size-5"
-	>
-		<path d="m15 15 6 6m-6-6v4.8m0-4.8h4.8" />
-		<path d="M9 19.8V15m0 0H4.2M9 15l-6 6" />
-		<path d="M15 4.2V9m0 0h4.8M15 9l6-6" />
-		<path d="M9 4.2V9m0 0H4.2M9 9 3 3" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/PanelErrorIcon.vue b/apps/frontend/src/components/ui/servers/icons/PanelErrorIcon.vue
deleted file mode 100644
index 2ecad74dc..000000000
--- a/apps/frontend/src/components/ui/servers/icons/PanelErrorIcon.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		fill="none"
-		viewBox="0 0 24 24"
-		stroke-width="1.5"
-		stroke="currentColor"
-		class="size-8 text-[#FF496E]"
-	>
-		<path
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
-		/>
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/SlashIcon.vue b/apps/frontend/src/components/ui/servers/icons/SlashIcon.vue
deleted file mode 100644
index 7f6e62fca..000000000
--- a/apps/frontend/src/components/ui/servers/icons/SlashIcon.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-	<svg height="32" viewBox="0 0 32 32" width="32">
-		<path
-			d="M22 5L9 28"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		></path>
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/TextFileIcon.vue b/apps/frontend/src/components/ui/servers/icons/TextFileIcon.vue
deleted file mode 100644
index 99bcee1ac..000000000
--- a/apps/frontend/src/components/ui/servers/icons/TextFileIcon.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="lucide lucide-file-text"
-	>
-		<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
-		<path d="M14 2v4a2 2 0 0 0 2 2h4" />
-		<path d="M10 9H8" />
-		<path d="M16 13H8" />
-		<path d="M16 17H8" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/icons/Timer.vue b/apps/frontend/src/components/ui/servers/icons/Timer.vue
deleted file mode 100644
index e1ead004b..000000000
--- a/apps/frontend/src/components/ui/servers/icons/Timer.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-	>
-		<line x1="10" x2="14" y1="2" y2="2" />
-		<line x1="12" x2="15" y1="14" y2="11" />
-		<circle cx="12" cy="14" r="8" />
-	</svg>
-</template>
diff --git a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
deleted file mode 100644
index 220880845..000000000
--- a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script setup lang="ts">
-import { SettingsIcon } from '@modrinth/assets'
-import {
-	CopyCode,
-	getDismissableMetadata,
-	NOTICE_LEVELS,
-	ServerNotice,
-	TagItem,
-	useFormatDateTime,
-	useRelativeTime,
-	useVIntl,
-} from '@modrinth/ui'
-import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
-
-const { formatMessage } = useVIntl()
-const formatRelativeTime = useRelativeTime()
-const formatDateTime = useFormatDateTime({
-	timeStyle: 'short',
-	dateStyle: 'long',
-})
-const formatDateTimeShortMonth = useFormatDateTime({
-	timeStyle: 'short',
-	dateStyle: 'medium',
-})
-
-defineProps<{
-	notice: ServerNoticeType
-}>()
-</script>
-<template>
-	<div class="col-span-full grid grid-cols-subgrid gap-4 rounded-2xl bg-bg-raised p-4">
-		<div class="col-span-full grid grid-cols-subgrid items-center gap-4">
-			<div>
-				<CopyCode :text="`${notice.id}`" />
-			</div>
-			<div class="text-sm">
-				<span v-if="notice.announce_at">
-					{{ formatDateTimeShortMonth(notice.announce_at) }} ({{
-						formatRelativeTime(notice.announce_at)
-					}})
-				</span>
-				<template v-else> Never begins </template>
-			</div>
-			<div class="text-sm">
-				<span v-if="notice.expires" v-tooltip="formatDateTime(notice.expires)">
-					{{ formatRelativeTime(notice.expires) }}
-				</span>
-				<template v-else> Never expires </template>
-			</div>
-			<div
-				:style="
-					NOTICE_LEVELS[notice.level]
-						? {
-								'--_color': NOTICE_LEVELS[notice.level].colors.text,
-								'--_bg-color': NOTICE_LEVELS[notice.level].colors.bg,
-							}
-						: undefined
-				"
-			>
-				<TagItem>
-					{{
-						NOTICE_LEVELS[notice.level]
-							? formatMessage(NOTICE_LEVELS[notice.level].name)
-							: notice.level
-					}}
-				</TagItem>
-			</div>
-			<div
-				:style="{
-					'--_color': getDismissableMetadata(notice.dismissable).colors.text,
-					'--_bg-color': getDismissableMetadata(notice.dismissable).colors.bg,
-				}"
-			>
-				<TagItem>
-					{{ formatMessage(getDismissableMetadata(notice.dismissable).name) }}
-				</TagItem>
-			</div>
-			<div class="col-span-2 flex gap-2 md:col-span-1">
-				<!-- <ButtonStyled>
-					<button @click="() => startEditing(notice)">
-						<EditIcon /> {{ formatMessage(commonMessages.editButton) }}
-					</button>
-				</ButtonStyled>
-				<ButtonStyled color="red">
-					<button @click="() => deleteNotice(notice)">
-						<TrashIcon /> {{ formatMessage(commonMessages.deleteLabel) }}
-					</button>
-				</ButtonStyled> -->
-			</div>
-		</div>
-		<div class="col-span-full grid">
-			<ServerNotice
-				:level="notice.level"
-				:message="notice.message"
-				:dismissable="notice.dismissable"
-				:title="notice.title"
-				preview
-			/>
-			<div class="mt-4 flex items-center gap-2">
-				<span v-if="!notice.assigned || notice.assigned.length === 0"
-					>Not assigned to any servers</span
-				>
-				<span v-else-if="!notice.assigned.some((n) => n.kind === 'server')">
-					Assigned to
-					{{ notice.assigned.filter((n) => n.kind === 'node').length }} nodes
-				</span>
-				<span v-else-if="!notice.assigned.some((n) => n.kind === 'node')">
-					Assigned to
-					{{ notice.assigned.filter((n) => n.kind === 'server').length }} servers
-				</span>
-				<span v-else>
-					Assigned to
-					{{ notice.assigned.filter((n) => n.kind === 'server').length }} servers and
-					{{ notice.assigned.filter((n) => n.kind === 'node').length }} nodes
-				</span>
-				•
-				<button
-					class="m-0 flex items-center gap-1 border-none bg-transparent p-0 text-blue hover:underline hover:brightness-125 active:scale-95 active:brightness-150"
-					@click="() => startEditing(notice, true)"
-				>
-					<SettingsIcon />
-					Edit assignments
-				</button>
-			</div>
-		</div>
-	</div>
-</template>
diff --git a/apps/frontend/src/components/ui/thread/ThreadView.vue b/apps/frontend/src/components/ui/thread/ThreadView.vue
index 608f0f1f1..dc9bcaa6c 100644
--- a/apps/frontend/src/components/ui/thread/ThreadView.vue
+++ b/apps/frontend/src/components/ui/thread/ThreadView.vue
@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="ts" generic="T">
-import { MessageIcon, ReplyIcon, SendIcon } from '@modrinth/assets'
+import { ChevronDownIcon, MessageIcon, ReplyIcon, SendIcon } from '@modrinth/assets'
 import type { QuickReply } from '@modrinth/moderation'
 import {
 	ButtonStyled,
@@ -90,7 +90,6 @@ import dayjs from 'dayjs'
 import { useImageUpload } from '~/composables/image-upload.ts'
 import { isStaff } from '~/helpers/users.js'
 
-import ChevronDownIcon from '../servers/icons/ChevronDownIcon.vue'
 import ThreadMessage from './ThreadMessage.vue'
 
 const { addNotification } = injectNotificationManager()
diff --git a/apps/frontend/src/composables/servers/use-server-image.ts b/apps/frontend/src/composables/servers/use-server-image.ts
deleted file mode 100644
index c613a79ae..000000000
--- a/apps/frontend/src/composables/servers/use-server-image.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import type { Archon } from '@modrinth/api-client'
-import { injectModrinthClient } from '@modrinth/ui'
-import { type ComputedRef, ref, watch } from 'vue'
-
-// TODO: Remove and use V1 when available
-export function useServerImage(
-	serverId: string,
-	upstream: ComputedRef<Archon.Servers.v0.Server['upstream'] | null>,
-) {
-	const client = injectModrinthClient()
-	const image = ref<string | undefined>()
-
-	const sharedImage = useState<string | undefined>(`server-icon-${serverId}`)
-	if (sharedImage.value) {
-		image.value = sharedImage.value
-	}
-
-	async function loadImage() {
-		if (sharedImage.value) {
-			image.value = sharedImage.value
-			return
-		}
-
-		if (import.meta.server) return
-
-		const cached = localStorage.getItem(`server-icon-${serverId}`)
-		if (cached) {
-			sharedImage.value = cached
-			image.value = cached
-			return
-		}
-
-		let projectIconUrl: string | undefined
-		const upstreamVal = upstream.value
-		if (upstreamVal?.project_id) {
-			try {
-				const project = await $fetch<{ icon_url?: string }>(
-					`https://api.modrinth.com/v2/project/${upstreamVal.project_id}`,
-				)
-				projectIconUrl = project.icon_url
-			} catch {
-				// project fetch failed, continue without icon url
-			}
-		}
-
-		try {
-			const fileData = await client.kyros.files_v0.downloadFile('/server-icon-original.png')
-
-			if (fileData instanceof Blob) {
-				const dataURL = await resizeImage(fileData, 512)
-				sharedImage.value = dataURL
-				localStorage.setItem(`server-icon-${serverId}`, dataURL)
-				image.value = dataURL
-				return
-			}
-		} catch (error: any) {
-			if (error?.statusCode >= 500) {
-				image.value = undefined
-				return
-			}
-
-			if (error?.statusCode === 404 && projectIconUrl) {
-				try {
-					const response = await fetch(projectIconUrl)
-					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',
-					})
-
-					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',
-									})
-									client.kyros.files_v0
-										.uploadFile('/server-icon.png', scaledFile)
-										.promise.catch(() => {})
-									client.kyros.files_v0
-										.uploadFile('/server-icon-original.png', originalFile)
-										.promise.catch(() => {})
-								}
-							}, 'image/png')
-							const result = canvas.toDataURL('image/png')
-							sharedImage.value = result
-							localStorage.setItem(`server-icon-${serverId}`, result)
-							resolve(result)
-							URL.revokeObjectURL(img.src)
-						}
-						img.src = URL.createObjectURL(file)
-					})
-					image.value = dataURL
-					return
-				} catch (externalError: any) {
-					console.debug('Could not process external icon:', externalError.message)
-				}
-			}
-		}
-
-		image.value = undefined
-	}
-
-	watch(upstream, () => loadImage(), { immediate: true })
-
-	return image
-}
-
-function resizeImage(blob: Blob, size: number): Promise<string> {
-	return new Promise<string>((resolve) => {
-		const canvas = document.createElement('canvas')
-		const ctx = canvas.getContext('2d')
-		const img = new Image()
-		img.onload = () => {
-			canvas.width = size
-			canvas.height = size
-			ctx?.drawImage(img, 0, 0, size, size)
-			const dataURL = canvas.toDataURL('image/png')
-			resolve(dataURL)
-			URL.revokeObjectURL(img.src)
-		}
-		img.src = URL.createObjectURL(blob)
-	})
-}
diff --git a/apps/frontend/src/error.vue b/apps/frontend/src/error.vue
index 7918aee4d..4fb45c27b 100644
--- a/apps/frontend/src/error.vue
+++ b/apps/frontend/src/error.vue
@@ -83,6 +83,7 @@ provideModrinthClient(client)
 providePageContext({
 	hierarchicalSidebarAvailable: ref(false),
 	showAds: ref(false),
+	openExternalUrl: (url) => window.open(url, '_blank'),
 })
 
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 4f3fd5bb6..f0bf30299 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -281,7 +281,7 @@
 						"
 					>
 						<nuxt-link to="/hosting">
-							<ServerIcon aria-hidden="true" />
+							<ServerStackIcon aria-hidden="true" />
 							{{ formatMessage(navMenuMessages.hostAServer) }}
 						</nuxt-link>
 					</ButtonStyled>
@@ -463,7 +463,7 @@
 						<LibraryIcon aria-hidden="true" /> {{ formatMessage(commonMessages.collectionsLabel) }}
 					</template>
 					<template #servers>
-						<ServerIcon aria-hidden="true" /> {{ formatMessage(messages.myServers) }}
+						<ServerStackIcon aria-hidden="true" /> {{ formatMessage(messages.myServers) }}
 					</template>
 					<template #plus>
 						<ArrowBigUpDashIcon aria-hidden="true" />
@@ -722,6 +722,7 @@ import {
 	ScaleIcon,
 	SearchIcon,
 	ServerIcon,
+	ServerStackIcon,
 	SettingsIcon,
 	ShieldAlertIcon,
 	SunIcon,
@@ -742,6 +743,7 @@ import {
 	OverflowMenu,
 	useVIntl,
 } from '@modrinth/ui'
+import TeleportOverflowMenu from '@modrinth/ui/src/components/base/TeleportOverflowMenu.vue'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
 
@@ -760,7 +762,6 @@ import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.
 import OrganizationCreateModal from '~/components/ui/create/OrganizationCreateModal.vue'
 import ProjectCreateModal from '~/components/ui/create/ProjectCreateModal.vue'
 import ModrinthFooter from '~/components/ui/ModrinthFooter.vue'
-import TeleportOverflowMenu from '~/components/ui/servers/TeleportOverflowMenu.vue'
 import { getSignInRouteObj } from '~/composables/auth.js'
 import { errors as generatedStateErrors } from '~/generated/state.json'
 import { getProjectTypeMessage } from '~/utils/i18n-project-type.ts'
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 6fbe35c46..e9053abac 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -1301,60 +1301,6 @@
   "hosting-marketing.why.your-favorite-mods.description": {
     "message": "Choose between Vanilla, Fabric, Forge, Quilt and NeoForge. If it's on Modrinth, it can run on your server."
   },
-  "hosting.loader.failed-to-change-version": {
-    "message": "Failed to change modpack version"
-  },
-  "hosting.loader.failed-to-load-versions": {
-    "message": "Failed to load versions"
-  },
-  "hosting.loader.failed-to-reinstall": {
-    "message": "Failed to reinstall modpack"
-  },
-  "hosting.loader.failed-to-repair": {
-    "message": "Failed to repair server"
-  },
-  "hosting.loader.failed-to-reset-to-onboarding": {
-    "message": "Failed to reset server to onboarding"
-  },
-  "hosting.loader.failed-to-save-settings": {
-    "message": "Failed to save installation settings"
-  },
-  "hosting.loader.failed-to-unlink": {
-    "message": "Failed to unlink modpack"
-  },
-  "hosting.loader.loader-version": {
-    "message": "{loader, select, null {Loader} other {{loader}}} version"
-  },
-  "hosting.loader.repair-started-text": {
-    "message": "Your server installation has been repaired."
-  },
-  "hosting.loader.repair-started-title": {
-    "message": "Repair completed"
-  },
-  "hosting.loader.reset-server": {
-    "message": "Reset server"
-  },
-  "hosting.loader.reset-server-description": {
-    "message": "Removes all data on your server, including your worlds, mods, and configuration files. Backups will remain and can be restored."
-  },
-  "hosting.loader.reset-to-onboarding-button": {
-    "message": "Reset to onboarding"
-  },
-  "hosting.loader.reset-to-onboarding-modal-description": {
-    "message": "This will send the server back into onboarding so setup can be completed again. Are you sure you want to continue?"
-  },
-  "hosting.loader.reset-to-onboarding-modal-title": {
-    "message": "Reset to onboarding"
-  },
-  "hosting.loader.reset-to-onboarding-success-description": {
-    "message": "The server has been returned to the onboarding flow."
-  },
-  "hosting.loader.reset-to-onboarding-success-title": {
-    "message": "Server reset to onboarding"
-  },
-  "hosting.loader.support-options-title": {
-    "message": "Support options"
-  },
   "hosting.plan.out-of-stock": {
     "message": "Out of stock"
   },
@@ -2831,18 +2777,6 @@
   "search.filter.locked.server.sync": {
     "message": "Sync with server"
   },
-  "servers.busy.backup-creating": {
-    "message": "Backup creation in progress"
-  },
-  "servers.busy.backup-restoring": {
-    "message": "Backup restore in progress"
-  },
-  "servers.busy.installing": {
-    "message": "Server is installing"
-  },
-  "servers.busy.syncing-content": {
-    "message": "Content sync in progress"
-  },
   "servers.notice.actions": {
     "message": "Actions"
   },
@@ -3221,6 +3155,12 @@
   "settings.billing.interval.monthly": {
     "message": "monthly"
   },
+  "settings.billing.interval.quarter": {
+    "message": "quarter"
+  },
+  "settings.billing.interval.quarterly.adjective": {
+    "message": "quarterly"
+  },
   "settings.billing.interval.year": {
     "message": "year"
   },
@@ -3336,7 +3276,7 @@
     "message": "Error resubscribing"
   },
   "settings.billing.pyro.resubscribe.request-submitted.text": {
-    "message": "If the server is currently suspended, it may take up to 10 minutes for another charge attempt to be made."
+    "message": "If the server is currently cancelled, it may take 10-15 minutes to set up the server."
   },
   "settings.billing.pyro.resubscribe.request-submitted.title": {
     "message": "Resubscription request submitted"
diff --git a/apps/frontend/src/pages/admin/billing/[id].vue b/apps/frontend/src/pages/admin/billing/[id].vue
index 98fafd551..8b00a8fea 100644
--- a/apps/frontend/src/pages/admin/billing/[id].vue
+++ b/apps/frontend/src/pages/admin/billing/[id].vue
@@ -343,7 +343,7 @@ import { DEFAULT_CREDIT_EMAIL_MESSAGE } from '@modrinth/utils/utils.ts'
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 
-import ModrinthServersIcon from '~/components/ui/servers/ModrinthServersIcon.vue'
+import ModrinthServersIcon from '~/components/brand/ModrinthServersIcon.vue'
 
 const { addNotification } = injectNotificationManager()
 const { labrinth } = injectModrinthClient()
@@ -519,7 +519,7 @@ async function modifyCharge() {
 		})
 		addNotification({
 			title: 'Modifications made',
-			text: 'If the server is currently suspended, it may take up to 10 minutes for another charge attempt to be made.',
+			text: 'If the server is currently cancelled, it may take up to 10 minutes for another charge attempt to be made.',
 			type: 'success',
 		})
 		await refreshCharges()
diff --git a/apps/frontend/src/pages/admin/servers/notices.vue b/apps/frontend/src/pages/admin/servers/notices.vue
index 1ad5b0712..9e5536a25 100644
--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -282,7 +282,7 @@ import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
-import AssignNoticeModal from '~/components/ui/servers/notice/AssignNoticeModal.vue'
+import AssignNoticeModal from '~/components/ui/admin/AssignNoticeModal.vue'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
 
 const { addNotification } = injectNotificationManager()
diff --git a/apps/frontend/src/pages/discover.vue b/apps/frontend/src/pages/discover.vue
index bd046074f..52c17c463 100644
--- a/apps/frontend/src/pages/discover.vue
+++ b/apps/frontend/src/pages/discover.vue
@@ -50,7 +50,6 @@ const selectableProjectTypes = [
 <template>
 	<div class="new-page sidebar" :class="{ 'alt-layout': !cosmetics.rightSearchLayout }">
 		<section class="normal-page__header mb-4 flex flex-col gap-4">
-			<div id="discover-header-prefix" class="empty:hidden"></div>
 			<NavTabs
 				v-if="!flags.projectTypesPrimaryNav && allowTabChanging"
 				:links="selectableProjectTypes"
diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue
index 25fee7a0a..3fdd1a72a 100644
--- a/apps/frontend/src/pages/discover/[type]/index.vue
+++ b/apps/frontend/src/pages/discover/[type]/index.vue
@@ -4,44 +4,29 @@ import {
 	BookmarkIcon,
 	CheckIcon,
 	DownloadIcon,
-	FilterIcon,
-	GameIcon,
 	GridIcon,
 	HeartIcon,
 	ImageIcon,
-	InfoIcon,
-	LeftArrowIcon,
 	ListIcon,
-	MinecraftServerIcon,
 	MoreVerticalIcon,
-	SearchIcon,
-	XIcon,
 } from '@modrinth/assets'
+import type { CardAction, CreationFlowContextValue } from '@modrinth/ui'
 import {
-	Avatar,
-	ButtonStyled,
-	Checkbox,
-	type CreationFlowContextValue,
+	BrowseInstallHeader,
+	BrowsePageLayout,
+	BrowseSidebar,
 	CreationFlowModal,
 	defineMessages,
-	DropdownSelect,
 	injectModrinthClient,
 	injectNotificationManager,
-	Pagination,
-	ProjectCard,
-	ProjectCardList,
-	SearchFilterControl,
-	SearchSidebarFilter,
-	type SortType,
-	StyledInput,
+	provideBrowseManager,
+	useBrowseSearch,
 	useDebugLogger,
-	useSearch,
-	useServerSearch,
 	useVIntl,
 } from '@modrinth/ui'
-import { capitalizeString, cycleValue } from '@modrinth/utils'
+import { cycleValue } from '@modrinth/utils'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-import { useThrottleFn, useTimeoutFn } from '@vueuse/core'
+import { useTimeoutFn } from '@vueuse/core'
 import { computed, nextTick, ref, watch } from 'vue'
 
 import LogoAnimated from '~/components/brand/LogoAnimated.vue'
@@ -60,7 +45,6 @@ const queryClient = useQueryClient()
 const filtersMenuOpen = ref(false)
 
 const route = useRoute()
-const router = useRouter()
 
 const cosmetics = useCosmetics()
 const tags = useGeneratedState()
@@ -115,10 +99,16 @@ const currentType = computed(() =>
 	queryAsStringOrEmpty(route.params.type).replaceAll(/^\/|s\/?$/g, ''),
 )
 
+debug('initial route.params.type:', route.params.type, '→ currentType:', currentType.value)
+
 const isServerType = computed(() => currentType.value === 'server')
 
 const projectType = computed(() => tags.value.projectTypes.find((x) => x.id === currentType.value))
-const projectTypes = computed(() => (projectType.value ? [projectType.value.id] : []))
+
+watch(
+	() => projectType.value?.id,
+	(val) => debug('projectType.id changed:', val),
+)
 
 const resultsDisplayLocation = computed<DisplayLocation | undefined>(
 	() => projectType.value?.id as DisplayLocation,
@@ -129,10 +119,27 @@ const resultsDisplayMode = computed<DisplayMode>(() =>
 		: 'list',
 )
 
+const maxResultsForView = ref<Record<DisplayMode, number[]>>({
+	list: [5, 10, 15, 20, 50, 100],
+	grid: [6, 12, 18, 24, 48, 96],
+	gallery: [6, 10, 16, 20, 50, 100],
+})
+
+const currentMaxResultsOptions = computed(
+	() => maxResultsForView.value[resultsDisplayMode.value] ?? [20],
+)
+
+function cycleSearchDisplayMode() {
+	if (!resultsDisplayLocation.value) return
+	cosmetics.value.searchDisplayMode[resultsDisplayLocation.value] = cycleValue(
+		cosmetics.value.searchDisplayMode[resultsDisplayLocation.value],
+		tags.value.projectViewModes.filter((x) => x !== 'grid'),
+	)
+}
+
 const currentServerId = computed(() => queryAsString(route.query.sid) || null)
 const fromContext = computed(() => queryAsString(route.query.from) || null)
 const currentWorldId = computed(() => queryAsString(route.query.wid) || undefined)
-debug('currentServerId:', currentServerId.value)
 
 const {
 	data: serverData,
@@ -166,7 +173,6 @@ const serverIcon = computed(() => {
 
 const serverHideInstalled = ref(false)
 
-// TanStack Query for server content list
 const contentQueryKey = computed(() => ['content', 'list', currentServerId.value ?? ''] as const)
 const { data: serverContentData, error: serverContentError } = useQuery({
 	queryKey: contentQueryKey,
@@ -174,7 +180,6 @@ const { data: serverContentData, error: serverContentError } = useQuery({
 	enabled: computed(() => !!currentServerId.value && !!currentWorldId.value),
 })
 
-// Watch for errors and notify user
 watch(serverContentError, (error) => {
 	if (error) {
 		console.error('Failed to load server content:', error)
@@ -182,14 +187,6 @@ watch(serverContentError, (error) => {
 	}
 })
 
-// Re-run search when server content loads so "Hide installed" filter applies
-watch(serverContentData, () => {
-	if (serverHideInstalled.value) {
-		updateSearchResults(1, false)
-	}
-})
-
-// Install content mutation
 const installContentMutation = useMutation({
 	mutationFn: ({
 		serverId,
@@ -211,8 +208,6 @@ const installContentMutation = useMutation({
 	},
 })
 
-const PERSISTENT_QUERY_PARAMS = ['sid', 'wid', 'shi', 'from']
-
 if (route.query.shi && projectType.value?.id !== 'modpack') {
 	serverHideInstalled.value = route.query.shi === 'true'
 }
@@ -228,37 +223,23 @@ const serverFilters = computed(() => {
 	if (serverData.value && projectType.value?.id !== 'modpack') {
 		const gameVersion = serverData.value.mc_version
 		if (gameVersion) {
-			filters.push({
-				type: 'game_version',
-				option: gameVersion,
-			})
+			filters.push({ type: 'game_version', option: gameVersion })
 		}
 
 		const platform = serverData.value.loader?.toLowerCase()
 
 		const modLoaders = ['fabric', 'forge', 'quilt', 'neoforge']
-
 		if (platform && modLoaders.includes(platform)) {
-			filters.push({
-				type: 'mod_loader',
-				option: platform,
-			})
+			filters.push({ type: 'mod_loader', option: platform })
 		}
 
 		const pluginLoaders = ['paper', 'purpur']
-
 		if (platform && pluginLoaders.includes(platform)) {
-			filters.push({
-				type: 'plugin_loader',
-				option: platform,
-			})
+			filters.push({ type: 'plugin_loader', option: platform })
 		}
 
 		if (projectType.value?.id === 'mod') {
-			filters.push({
-				type: 'environment',
-				option: 'server',
-			})
+			filters.push({ type: 'environment', option: 'server' })
 		}
 
 		if (serverHideInstalled.value && serverContentData.value) {
@@ -279,142 +260,14 @@ const serverFilters = computed(() => {
 
 	if (currentServerId.value && projectType.value?.id === 'modpack') {
 		filters.push(
-			{
-				type: 'environment',
-				option: 'client',
-			},
-			{
-				type: 'environment',
-				option: 'server',
-			},
+			{ type: 'environment', option: 'client' },
+			{ type: 'environment', option: 'server' },
 		)
 	}
 	debug('serverFilters result:', filters)
 	return filters
 })
 
-const maxResultsForView = ref<Record<DisplayMode, number[]>>({
-	list: [5, 10, 15, 20, 50, 100],
-	grid: [6, 12, 18, 24, 48, 96],
-	gallery: [6, 10, 16, 20, 50, 100],
-})
-
-const currentMaxResultsOptions = computed(
-	() => maxResultsForView.value[resultsDisplayMode.value] ?? [20],
-)
-
-const LOADER_FILTER_TYPES = [
-	'mod_loader',
-	'plugin_loader',
-	'modpack_loader',
-	'shader_loader',
-	'plugin_platform',
-] as const
-
-const {
-	// Selections
-	query,
-	currentSortType,
-	currentFilters,
-	toggledGroups,
-	maxResults,
-	currentPage,
-	overriddenProvidedFilterTypes,
-
-	// Lists
-	filters,
-	sortTypes,
-
-	// Computed
-	requestParams,
-
-	// Functions
-	createPageParams,
-} = useSearch(projectTypes, tags, serverFilters)
-debug('useSearch initialized, requestParams:', requestParams.value)
-
-const {
-	serverCurrentSortType,
-	serverCurrentFilters,
-	serverToggledGroups,
-	serverSortTypes,
-	serverFilterTypes,
-	serverRequestParams,
-	createServerPageParams,
-} = useServerSearch({ tags, query, maxResults, currentPage })
-
-const effectiveRequestParams = computed(() =>
-	isServerType.value ? serverRequestParams.value : requestParams.value,
-)
-const effectiveSortTypes = computed(() =>
-	isServerType.value ? (serverSortTypes as readonly SortType[]) : sortTypes,
-)
-const effectiveCurrentSortType = computed({
-	get: () => (isServerType.value ? serverCurrentSortType.value : currentSortType.value),
-	set: (v: SortType) => {
-		if (isServerType.value) serverCurrentSortType.value = v
-		else currentSortType.value = v
-	},
-})
-const effectiveCurrentFilters = computed({
-	get: () => (isServerType.value ? serverCurrentFilters.value : currentFilters.value),
-	set: (v) => {
-		if (isServerType.value) serverCurrentFilters.value = v
-		else currentFilters.value = v
-	},
-})
-const selectedFilterTags = computed(() =>
-	currentFilters.value
-		.filter(
-			(f) =>
-				f.type.startsWith('category_') ||
-				LOADER_FILTER_TYPES.includes(f.type as (typeof LOADER_FILTER_TYPES)[number]),
-		)
-		.map((f) => f.option),
-)
-const excludeLoaders = computed(
-	() =>
-		currentFilters.value.some((f) =>
-			LOADER_FILTER_TYPES.includes(f.type as (typeof LOADER_FILTER_TYPES)[number]),
-		) || ['resourcepack', 'datapack'].includes(currentType.value),
-)
-
-const loadersNotForThisType = computed(() => {
-	return (
-		tags.value?.loaders
-			?.filter((loader) => !loader.supported_project_types.includes(currentType.value))
-			?.map((loader) => loader.name) ?? []
-	)
-})
-
-const deprioritizedTags = computed(() => {
-	return [...selectedFilterTags.value, ...loadersNotForThisType.value]
-})
-
-const messages = defineMessages({
-	gameVersionProvidedByServer: {
-		id: 'search.filter.locked.server-game-version.title',
-		defaultMessage: 'Game version is provided by the server',
-	},
-	modLoaderProvidedByServer: {
-		id: 'search.filter.locked.server-loader.title',
-		defaultMessage: 'Loader is provided by the server',
-	},
-	providedByServer: {
-		id: 'search.filter.locked.server',
-		defaultMessage: 'Provided by the server',
-	},
-	syncFilterButton: {
-		id: 'search.filter.locked.server.sync',
-		defaultMessage: 'Sync with server',
-	},
-	gameVersionShaderMessage: {
-		id: 'search.filter.game-version-shader-message',
-		defaultMessage:
-			'Shader packs for older versions most likely work on newer versions with only minor issues.',
-	},
-})
-
 interface InstallableSearchResult extends Labrinth.Search.v2.ResultSearchProject {
 	installing?: boolean
 	installed?: boolean
@@ -428,7 +281,6 @@ async function serverInstall(project: InstallableSearchResult) {
 	project.installing = true
 	try {
 		if (projectType.value?.id === 'modpack') {
-			// TODO: restore limit=1 once the backend fix for version ordering is deployed (limit is applied before sorting)
 			const versions = await client.labrinth.versions_v2.getProjectVersions(project.project_id, {
 				include_changelog: false,
 			})
@@ -498,7 +350,7 @@ function getServerModpackContent(project: Labrinth.Search.v3.ResultSearchProject
 		if (!project_name) return undefined
 		return {
 			name: project_name,
-			icon: project_icon,
+			icon: project_icon ?? undefined,
 			onclick:
 				project_id !== project.project_id ? () => navigateTo(`/project/${project_id}`) : undefined,
 			showCustomModpackTooltip: project_id === project.project_id,
@@ -507,157 +359,114 @@ function getServerModpackContent(project: Labrinth.Search.v3.ResultSearchProject
 	return undefined
 }
 
-const noLoad = ref(false)
-const {
-	data: rawResults,
-	refresh: refreshSearch,
-	pending: searchLoading,
-} = useLazyFetch(
-	() => {
-		const config = useRuntimeConfig()
-		let base = import.meta.server ? config.apiBaseUrl : config.public.apiBaseUrl
+async function search(requestParams: string) {
+	debug('search() called', {
+		requestParams: requestParams.substring(0, 100),
+		isServer: isServerType.value,
+		projectTypeId: projectTypeId.value,
+	})
+	const config = useRuntimeConfig()
+	let base = import.meta.server ? config.apiBaseUrl : config.public.apiBaseUrl
 
-		if (currentType.value === 'server') {
-			base = base.replace(/\/v\d\//, '/v3/').replace(/\/v\d$/, '/v3')
-		}
+	if (isServerType.value) {
+		base = base.replace(/\/v\d\//, '/v3/').replace(/\/v\d$/, '/v3')
+	}
 
-		return `${base}search${effectiveRequestParams.value}`
-	},
-	{
-		headers: computed(() => withLabrinthCanaryHeader()),
+	const url = `${base}search${requestParams}`
+	debug('search() fetching:', url.substring(0, 120))
 
-		watch: false,
-		transform: (
-			hits: Labrinth.Search.v2.SearchResults | Labrinth.Search.v3.SearchResults,
-		): Labrinth.Search.v2.SearchResults => {
-			noLoad.value = false
-			if ('hits_per_page' in hits) {
-				return {
-					hits: hits.hits as unknown as Labrinth.Search.v2.ResultSearchProject[],
-					total_hits: hits.total_hits,
-					limit: hits.hits_per_page,
-					offset: (hits.page - 1) * hits.hits_per_page,
-				}
-			}
-			return hits
+	const raw = await $fetch<Labrinth.Search.v2.SearchResults | Labrinth.Search.v3.SearchResults>(
+		url,
+		{
+			headers: withLabrinthCanaryHeader(),
 		},
-	},
-)
-
-watch(searchLoading, (val) => debug('searchLoading:', val))
-watch(rawResults, (val) => debug('rawResults changed, total_hits:', val?.total_hits))
-
-const results = computed(() => rawResults.value)
-const serverResults = computed(() =>
-	isServerType.value ? (results.value as Labrinth.Search.v3.SearchResults | null) : null,
-)
-const projectResults = computed(() =>
-	isServerType.value ? null : (results.value as Labrinth.Search.v2.SearchResults | null),
-)
-const pageCount = computed(() => {
-	if (!results.value) return 1
-	// @ts-expect-error
-	const perPage = 'limit' in results.value ? results.value.limit : results.value.hits_per_page
-	return Math.ceil(results.value.total_hits / perPage)
-})
-
-function scrollToTop(behavior: ScrollBehavior = 'smooth') {
-	window.scrollTo({ top: 0, behavior })
-}
-
-function updateSearchResults(pageNumber: number = 1, resetScroll = true) {
-	debug(
-		'updateSearchResults called, page:',
-		pageNumber,
-		'query:',
-		query.value,
-		'requestParams:',
-		requestParams.value,
 	)
-	currentPage.value = pageNumber
-	if (resetScroll) {
-		scrollToTop()
-	}
-	noLoad.value = true
 
-	if (query.value === null) {
-		debug('updateSearchResults: query is null, returning early')
-		return
+	debug('search() response', { total_hits: raw.total_hits, hitCount: raw.hits?.length })
+
+	if ('hits_per_page' in raw) {
+		// v3 response (servers)
+		return {
+			projectHits: [],
+			serverHits: raw.hits as Labrinth.Search.v3.ResultSearchProject[],
+			total_hits: raw.total_hits,
+			per_page: raw.hits_per_page,
+		}
 	}
 
-	debug('updateSearchResults: calling refreshSearch')
-	refreshSearch()
-
-	if (import.meta.client) {
-		const persistentParams: Record<string, any> = {}
-
-		for (const [key, value] of Object.entries(route.query)) {
-			if (PERSISTENT_QUERY_PARAMS.includes(key)) {
-				persistentParams[key] = value
-			}
-		}
-
-		if (serverHideInstalled.value) {
-			persistentParams.shi = 'true'
-		} else {
-			delete persistentParams.shi
-		}
-
-		const params = {
-			...persistentParams,
-			...(isServerType.value ? createServerPageParams() : createPageParams()),
-		}
-
-		router.replace({ path: route.path, query: params })
+	return {
+		projectHits: raw.hits as Labrinth.Search.v2.ResultSearchProject[],
+		serverHits: [],
+		total_hits: raw.total_hits,
+		per_page: raw.limit,
 	}
 }
 
-watch([effectiveCurrentFilters], () => {
-	updateSearchResults(1, false)
-})
+function getCardActions(
+	result: Labrinth.Search.v2.ResultSearchProject | Labrinth.Search.v3.ResultSearchProject,
+	currentProjectType: string,
+): CardAction[] {
+	if (currentProjectType === 'server') return []
 
-const throttledSearch = useThrottleFn(() => updateSearchResults(), 500, true)
+	const projectResult = result as InstallableSearchResult
 
-function cycleSearchDisplayMode() {
-	if (!resultsDisplayLocation.value) {
-		// if no display location, abort
-		return
+	if (flags.value.showDiscoverProjectButtons) {
+		return [
+			{
+				key: 'download',
+				label: 'Download',
+				icon: DownloadIcon,
+				color: 'brand',
+				onClick: () => {},
+			},
+			{
+				key: 'heart',
+				label: '',
+				icon: HeartIcon,
+				circular: true,
+				onClick: () => {},
+			},
+			{
+				key: 'bookmark',
+				label: '',
+				icon: BookmarkIcon,
+				circular: true,
+				onClick: () => {},
+			},
+			{
+				key: 'more',
+				label: '',
+				icon: MoreVerticalIcon,
+				circular: true,
+				type: 'transparent',
+				onClick: () => {},
+			},
+		]
 	}
-	cosmetics.value.searchDisplayMode[resultsDisplayLocation.value] = cycleValue(
-		cosmetics.value.searchDisplayMode[resultsDisplayLocation.value],
-		tags.value.projectViewModes.filter((x) => x !== 'grid'),
-	)
-	setClosestMaxResults()
+
+	if (serverData.value) {
+		const isInstalled =
+			projectResult.installed ||
+			(serverContentData.value &&
+				(serverContentData.value.addons ?? []).find((x) => x.project_id === result.project_id)) ||
+			serverData.value.upstream?.project_id === result.project_id
+
+		return [
+			{
+				key: 'install',
+				label: projectResult.installing ? 'Installing...' : isInstalled ? 'Installed' : 'Install',
+				icon: isInstalled ? CheckIcon : DownloadIcon,
+				disabled: !!isInstalled || !!projectResult.installing,
+				color: 'brand',
+				type: 'outlined',
+				onClick: () => serverInstall(projectResult),
+			},
+		]
+	}
+
+	return []
 }
 
-function setClosestMaxResults() {
-	const maxResultsOptions = maxResultsForView.value[resultsDisplayMode.value] ?? [20]
-	const currentMax = maxResults.value
-	if (!maxResultsOptions.includes(currentMax)) {
-		maxResults.value = maxResultsOptions.reduce((prev: number, curr: number) => {
-			return Math.abs(curr - currentMax) <= Math.abs(prev - currentMax) ? curr : prev
-		})
-	}
-}
-
-const ogTitle = computed(
-	() =>
-		`Search ${projectType.value?.display ?? 'project'}s${query.value ? ' | ' + query.value : ''}`,
-)
-const description = computed(
-	() =>
-		`Search and browse thousands of Minecraft ${projectType.value?.display ?? 'project'}s on Modrinth with instant, accurate search results. Our filters help you quickly find the best Minecraft ${projectType.value?.display ?? 'project'}s.`,
-)
-
-const serverBackUrl = computed(() => {
-	if (!serverData.value) return ''
-	const id = serverData.value.server_id
-	if (fromContext.value === 'onboarding') return `/hosting/manage/${id}?resumeModal=setup-type`
-	if (fromContext.value === 'reset-server') return `/hosting/manage/${id}/options/loader`
-	return `/hosting/manage/${id}/content`
-})
-
-// Onboarding modpack flow: show creation flow modal overlay on discovery page
 const onboardingModalRef = ref<InstanceType<typeof CreationFlowModal> | null>(null)
 const onboardingInstallingProject = ref<InstallableSearchResult | null>(null)
 
@@ -692,7 +501,7 @@ async function onModpackFlowCreate(config: CreationFlowContextValue) {
 			queryClient.invalidateQueries({ queryKey: ['servers', 'detail', currentServerId.value] })
 			navigateTo(`/hosting/manage/${currentServerId.value}/content`)
 		} else {
-			navigateTo(`/hosting/manage/${currentServerId.value}/options/loader`)
+			navigateTo(`/hosting/manage/${currentServerId.value}?openSettings=installation`)
 		}
 	} catch (e) {
 		handleError(new Error(`Error installing modpack: ${e}`))
@@ -700,410 +509,174 @@ async function onModpackFlowCreate(config: CreationFlowContextValue) {
 	}
 }
 
+const serverBackUrl = computed(() => {
+	if (!serverData.value) return ''
+	const id = serverData.value.server_id
+	if (fromContext.value === 'onboarding') return `/hosting/manage/${id}?resumeModal=setup-type`
+	if (fromContext.value === 'reset-server') return `/hosting/manage/${id}?openSettings=installation`
+	return `/hosting/manage/${id}/content`
+})
+
+const serverBackLabel = computed(() => {
+	if (fromContext.value === 'onboarding') return 'Back to setup'
+	if (fromContext.value === 'reset-server') return 'Cancel reset'
+	return 'Back to server'
+})
+
+const serverBrowseHeading = computed(() =>
+	fromContext.value === 'reset-server'
+		? 'Select modpack to install after reset'
+		: 'Install content to server',
+)
+
+const installContext = computed(() => {
+	if (!serverData.value) return null
+	return {
+		name: serverData.value.name,
+		loader: serverData.value.loader ?? '',
+		gameVersion: serverData.value.mc_version ?? '',
+		serverId: currentServerId.value,
+		upstream: serverData.value.upstream,
+		iconSrc: serverIcon.value,
+		isMedal: serverData.value.is_medal,
+		backUrl: serverBackUrl.value,
+		backLabel: serverBackLabel.value,
+		heading: serverBrowseHeading.value,
+	}
+})
+
+const messages = defineMessages({
+	gameVersionProvidedByServer: {
+		id: 'search.filter.locked.server-game-version.title',
+		defaultMessage: 'Game version is provided by the server',
+	},
+	modLoaderProvidedByServer: {
+		id: 'search.filter.locked.server-loader.title',
+		defaultMessage: 'Loader is provided by the server',
+	},
+	providedByServer: {
+		id: 'search.filter.locked.server',
+		defaultMessage: 'Provided by the server',
+	},
+	syncFilterButton: {
+		id: 'search.filter.locked.server.sync',
+		defaultMessage: 'Sync with server',
+	},
+	gameVersionShaderMessage: {
+		id: 'search.filter.game-version-shader-message',
+		defaultMessage:
+			'Shader packs for older versions most likely work on newer versions with only minor issues.',
+	},
+})
+
+const projectTypeId = computed(() => projectType.value?.id ?? 'mod')
+
+debug('projectTypeId:', projectTypeId.value)
+watch(projectTypeId, (val) => debug('projectTypeId changed:', val))
+
+const searchState = useBrowseSearch({
+	projectType: projectTypeId,
+	tags,
+	providedFilters: serverFilters,
+	search,
+	persistentQueryParams: ['sid', 'wid', 'shi', 'from'],
+	getExtraQueryParams: () => ({
+		shi: serverHideInstalled.value ? 'true' : undefined,
+	}),
+	maxResultsOptions: currentMaxResultsOptions,
+	displayMode: resultsDisplayMode,
+})
+
+debug('calling initial refreshSearch')
+searchState.refreshSearch()
+
+const ogTitle = computed(
+	() =>
+		`Search ${projectType.value?.display ?? 'project'}s${searchState.query.value ? ' | ' + searchState.query.value : ''}`,
+)
+const description = computed(
+	() =>
+		`Search and browse thousands of Minecraft ${projectType.value?.display ?? 'project'}s on Modrinth with instant, accurate search results. Our filters help you quickly find the best Minecraft ${projectType.value?.display ?? 'project'}s.`,
+)
+
 useSeoMeta({
 	description,
 	ogTitle,
 	ogDescription: description,
 })
+
+debug('calling provideBrowseManager')
+provideBrowseManager({
+	tags,
+	projectType: projectTypeId,
+	...searchState,
+	getProjectLink: (result: Labrinth.Search.v2.ResultSearchProject) =>
+		`/${projectType.value?.id ?? 'project'}/${result.slug ? result.slug : result.project_id}`,
+	getServerProjectLink: (result: Labrinth.Search.v3.ResultSearchProject) =>
+		`/server/${result.slug ?? result.project_id}`,
+	selectableProjectTypes: computed(() => []),
+	showProjectTypeTabs: computed(() => false),
+	variant: 'web',
+	getCardActions,
+	installContext,
+	providedFilters: serverFilters,
+	hideInstalled: serverHideInstalled,
+	showHideInstalled: computed(() => !!serverData.value && projectType.value?.id !== 'modpack'),
+	hideInstalledLabel: computed(() => 'Hide installed content'),
+	displayMode: resultsDisplayMode,
+	cycleDisplayMode: cycleSearchDisplayMode,
+	maxResultsOptions: currentMaxResultsOptions,
+	getServerModpackContent,
+	onProjectHover: handleProjectMouseEnter,
+	onServerProjectHover: handleServerProjectMouseEnter,
+	onProjectHoverEnd: handleProjectHoverEnd,
+	filtersMenuOpen,
+	lockedFilterMessages: {
+		gameVersion: formatMessage(messages.gameVersionProvidedByServer),
+		modLoader: formatMessage(messages.modLoaderProvidedByServer),
+		syncButton: formatMessage(messages.syncFilterButton),
+		providedBy: formatMessage(messages.providedByServer),
+		gameVersionShaderMessage: formatMessage(messages.gameVersionShaderMessage),
+	},
+	loadingComponent: LogoAnimated,
+})
 </script>
 <template>
 	<Teleport v-if="flags.searchBackground" to="#absolute-background-teleport">
 		<div class="search-background"></div>
 	</Teleport>
-	<Teleport v-if="serverData" to="#discover-header-prefix" defer>
-		<div
-			class="mb-4 flex flex-wrap items-center justify-between gap-3 border-0 border-b border-solid border-divider pb-4"
-		>
-			<button
-				tabindex="-1"
-				class="flex cursor-pointer flex-col gap-4 bg-transparent text-primary"
-				@click="navigateTo(serverBackUrl)"
-			>
-				<span class="flex items-center gap-2">
-					<Avatar
-						:src="
-							serverData.is_medal
-								? 'https://cdn-raw.modrinth.com/medal_icon.webp'
-								: (serverIcon ?? MinecraftServerIcon)
-						"
-						size="48px"
-					/>
-					<span class="flex flex-col gap-2">
-						<span class="bold font-extrabold text-contrast">
-							{{ serverData.name }}
-						</span>
-						<span class="flex items-center gap-2 font-semibold text-secondary">
-							<GameIcon class="h-5 w-5 text-secondary" />
-							{{ serverData.loader }} {{ serverData.mc_version }}
-						</span>
-					</span>
-				</span>
-			</button>
-			<ButtonStyled>
-				<button @click="navigateTo(serverBackUrl)">
-					<LeftArrowIcon />
-					{{
-						fromContext === 'onboarding'
-							? 'Back to setup'
-							: fromContext === 'reset-server'
-								? 'Cancel reset'
-								: 'Back to server'
-					}}
-				</button>
-			</ButtonStyled>
-		</div>
-		<h1 class="m-0 text-xl font-extrabold leading-none text-contrast">
-			{{
-				fromContext === 'reset-server'
-					? 'Select modpack to install after reset'
-					: 'Install content to server'
-			}}
-		</h1>
-	</Teleport>
-
-	<aside
-		:class="{
-			'normal-page__sidebar': true,
-		}"
-		aria-label="Filters"
-	>
+	<div v-if="installContext" class="normal-page__header mb-4 flex flex-col gap-2">
+		<BrowseInstallHeader />
+	</div>
+	<aside class="normal-page__sidebar" aria-label="Filters">
 		<AdPlaceholder v-if="!auth.user && !serverData" />
-		<div v-if="filtersMenuOpen" class="fixed inset-0 z-40 bg-bg"></div>
-		<div
-			class="flex flex-col gap-3"
-			:class="{
-				'fixed inset-0 z-50 m-4 mb-0 overflow-auto rounded-t-3xl bg-bg-raised': filtersMenuOpen,
-			}"
-		>
-			<div
-				v-if="filtersMenuOpen"
-				class="sticky top-0 z-10 mx-1 flex items-center justify-between gap-3 border-0 border-b-[1px] border-solid border-divider bg-bg-raised px-6 py-4"
-			>
-				<h3 class="m-0 text-lg text-contrast">Filters</h3>
-				<ButtonStyled circular>
-					<button
-						@click="
-							() => {
-								filtersMenuOpen = false
-								scrollToTop('instant')
-							}
-						"
-					>
-						<XIcon />
-					</button>
-				</ButtonStyled>
-			</div>
-			<div
-				v-if="serverData && projectType?.id !== 'modpack'"
-				class="card-shadow rounded-2xl bg-bg-raised p-4"
-			>
-				<Checkbox
-					v-model="serverHideInstalled"
-					label="Hide installed content"
-					class="filter-checkbox"
-					@update:model-value="updateSearchResults()"
-				/>
-			</div>
-			<template v-if="isServerType">
-				<SearchSidebarFilter
-					v-for="filterType in serverFilterTypes.filter((f) => f.options.length > 0)"
-					:key="`server-filter-${filterType.id}`"
-					v-model:selected-filters="serverCurrentFilters"
-					v-model:toggled-groups="serverToggledGroups"
-					:provided-filters="[]"
-					:filter-type="filterType"
-					:class="
-						filtersMenuOpen
-							? 'border-0 border-b-[1px] border-solid border-divider last:border-b-0'
-							: 'card-shadow rounded-2xl bg-bg-raised'
-					"
-					button-class="button-animation flex flex-col gap-1 px-6 py-4 w-full bg-transparent cursor-pointer border-none"
-					content-class="mb-4 mx-3"
-					inner-panel-class="p-1"
-					:open-by-default="
-						![
-							'server_category_minecraft_server_meta',
-							'server_category_minecraft_server_community',
-							'server_game_version',
-							'server_status',
-						].includes(filterType.id)
-					"
-				>
-					<template #header>
-						<h3 class="m-0 text-lg">{{ filterType.formatted_name }}</h3>
-					</template>
-				</SearchSidebarFilter>
-			</template>
-			<template v-else>
-				<SearchSidebarFilter
-					v-for="filter in filters.filter((f) => f.display !== 'none')"
-					:key="`filter-${filter.id}`"
-					v-model:selected-filters="currentFilters"
-					v-model:toggled-groups="toggledGroups"
-					v-model:overridden-provided-filter-types="overriddenProvidedFilterTypes"
-					:provided-filters="serverFilters"
-					:filter-type="filter"
-					:class="
-						filtersMenuOpen
-							? 'border-0 border-b-[1px] border-solid border-divider last:border-b-0'
-							: 'card-shadow rounded-2xl bg-bg-raised'
-					"
-					button-class="button-animation flex flex-col gap-1 px-6 py-4 w-full bg-transparent cursor-pointer border-none"
-					content-class="mb-4 mx-3"
-					inner-panel-class="p-1"
-					:open-by-default="!(currentType === 'shader' && filter.id === 'game_version')"
-				>
-					<template #header>
-						<h3 class="m-0 text-lg">{{ filter.formatted_name }}</h3>
-					</template>
-					<template v-if="currentType === 'shader' && filter.id === 'game_version'" #prefix>
-						<div class="mb-4 grid grid-cols-[auto_1fr] gap-2 px-3 text-sm font-medium text-blue">
-							<InfoIcon class="mt-1 size-4" />
-							<span> {{ formatMessage(messages.gameVersionShaderMessage) }}</span>
-						</div>
-					</template>
-					<template #locked-game_version>
-						{{ formatMessage(messages.gameVersionProvidedByServer) }}
-					</template>
-					<template #locked-mod_loader>
-						{{ formatMessage(messages.modLoaderProvidedByServer) }}
-					</template>
-					<template #sync-button> {{ formatMessage(messages.syncFilterButton) }}</template>
-				</SearchSidebarFilter>
-			</template>
-		</div>
+		<BrowseSidebar />
 	</aside>
 	<section class="normal-page__content">
 		<div class="flex flex-col gap-3">
-			<StyledInput
-				v-model="query"
-				:icon="SearchIcon"
-				type="text"
-				autocomplete="off"
-				:placeholder="`Search ${projectType?.display ?? 'project'}s...`"
-				clearable
-				wrapper-class="w-full"
-				input-class="!h-12"
-				@input="throttledSearch()"
-				@clear="updateSearchResults()"
+			<BrowsePageLayout>
+				<template #display-mode-icon>
+					<GridIcon v-if="resultsDisplayMode === 'grid'" />
+					<ImageIcon v-else-if="resultsDisplayMode === 'gallery'" />
+					<ListIcon v-else />
+				</template>
+			</BrowsePageLayout>
+			<CreationFlowModal
+				v-if="currentServerId && projectType?.id === 'modpack'"
+				ref="onboardingModalRef"
+				:type="fromContext === 'reset-server' ? 'reset-server' : 'server-onboarding'"
+				:available-loaders="['vanilla', 'fabric', 'neoforge', 'forge', 'quilt', 'paper', 'purpur']"
+				:show-snapshot-toggle="true"
+				:on-back="onOnboardingBack"
+				@hide="onOnboardingHide"
+				@browse-modpacks="() => {}"
+				@create="onModpackFlowCreate"
 			/>
-			<div class="flex flex-wrap items-center gap-2">
-				<DropdownSelect
-					v-slot="{ selected }"
-					v-model="effectiveCurrentSortType"
-					class="!w-auto flex-grow md:flex-grow-0"
-					name="Sort by"
-					:options="[...effectiveSortTypes]"
-					:display-name="(option?: SortType) => option?.display"
-					@change="updateSearchResults()"
-				>
-					<span class="font-semibold text-primary">Sort by: </span>
-					<span class="font-semibold text-secondary">{{ selected }}</span>
-				</DropdownSelect>
-				<DropdownSelect
-					v-slot="{ selected }"
-					v-model="maxResults"
-					name="Max results"
-					:options="currentMaxResultsOptions"
-					:default-value="maxResults"
-					class="!w-auto flex-grow md:flex-grow-0"
-					@change="updateSearchResults()"
-				>
-					<span class="font-semibold text-primary">View: </span>
-					<span class="font-semibold text-secondary">{{ selected }}</span>
-				</DropdownSelect>
-				<div class="lg:hidden">
-					<ButtonStyled>
-						<button @click="filtersMenuOpen = true">
-							<FilterIcon />
-							Filter results...
-						</button>
-					</ButtonStyled>
-				</div>
-				<ButtonStyled circular>
-					<button
-						:v-tooltip="capitalizeString(resultsDisplayMode + ' view')"
-						:aria-label="capitalizeString(resultsDisplayMode + ' view')"
-						@click="cycleSearchDisplayMode()"
-					>
-						<GridIcon v-if="resultsDisplayMode === 'grid'" />
-						<ImageIcon v-else-if="resultsDisplayMode === 'gallery'" />
-						<ListIcon v-else />
-					</button>
-				</ButtonStyled>
-				<Pagination
-					:page="currentPage"
-					:count="pageCount"
-					class="mx-auto sm:ml-auto sm:mr-0"
-					@switch-page="updateSearchResults"
-				/>
-			</div>
-			<SearchFilterControl
-				v-if="isServerType"
-				v-model:selected-filters="serverCurrentFilters"
-				:filters="serverFilterTypes"
-				:provided-filters="[]"
-				:overridden-provided-filter-types="[]"
-			/>
-			<SearchFilterControl
-				v-else
-				v-model:selected-filters="currentFilters"
-				:filters="filters.filter((f) => f.display !== 'none')"
-				:provided-filters="serverFilters"
-				:overridden-provided-filter-types="overriddenProvidedFilterTypes"
-				:provided-message="messages.providedByServer"
-			/>
-			<LogoAnimated v-if="searchLoading && !noLoad" />
-			<div v-else-if="results && results.hits && results.hits.length === 0" class="no-results">
-				<p>No results found for your query!</p>
-			</div>
-			<div v-else class="search-results-container">
-				<ProjectCardList
-					aria-label="Search results"
-					:layout="
-						resultsDisplayMode === 'grid' || resultsDisplayMode === 'gallery' ? 'grid' : 'list'
-					"
-				>
-					<template v-if="isServerType">
-						<ProjectCard
-							v-for="result in serverResults?.hits"
-							:key="`server-${result.project_id}`"
-							:link="`/server/${result.slug ?? result.project_id}`"
-							:title="result.name"
-							:icon-url="result.icon_url || undefined"
-							:summary="result.summary"
-							:tags="result.categories"
-							:server-online-players="result.minecraft_java_server?.ping?.data?.players_online ?? 0"
-							:server-region="result.minecraft_server?.region"
-							:server-recent-plays="result.minecraft_java_server?.verified_plays_2w ?? 0"
-							:server-status-online="!!result.minecraft_java_server?.ping?.data"
-							:server-modpack-content="getServerModpackContent(result)"
-							is-server-project
-							exclude-loaders
-							:color="result.color ?? undefined"
-							:banner="result.featured_gallery ?? undefined"
-							:layout="
-								resultsDisplayMode === 'grid' || resultsDisplayMode === 'gallery' ? 'grid' : 'list'
-							"
-							:max-tags="2"
-							@mouseenter="handleServerProjectMouseEnter(result)"
-							@mouseleave="handleProjectHoverEnd"
-						/>
-					</template>
-					<template v-else>
-						<ProjectCard
-							v-for="result in projectResults?.hits"
-							:key="result.project_id"
-							:link="`/${projectType?.id ?? 'project'}/${result.slug ? result.slug : result.project_id}`"
-							:title="result.title"
-							:icon-url="result.icon_url"
-							:author="{ name: result.author, link: `/user/${result.author}` }"
-							:date-updated="result.date_modified"
-							:date-published="result.date_created"
-							:displayed-date="effectiveCurrentSortType.name === 'newest' ? 'published' : 'updated'"
-							:downloads="result.downloads"
-							:summary="result.description"
-							:tags="result.display_categories"
-							:all-tags="result.categories"
-							:deprioritized-tags="deprioritizedTags"
-							:exclude-loaders="excludeLoaders"
-							:followers="result.follows"
-							:banner="result.featured_gallery ?? undefined"
-							:color="result.color ?? undefined"
-							:environment="
-								['mod', 'modpack'].includes(currentType)
-									? {
-											clientSide: result.client_side as Labrinth.Projects.v2.Environment,
-											serverSide: result.server_side as Labrinth.Projects.v2.Environment,
-										}
-									: undefined
-							"
-							:layout="
-								resultsDisplayMode === 'grid' || resultsDisplayMode === 'gallery' ? 'grid' : 'list'
-							"
-							@mouseenter="handleProjectMouseEnter(result)"
-							@mouseleave="handleProjectHoverEnd"
-						>
-							<template v-if="flags.showDiscoverProjectButtons || serverData" #actions>
-								<template v-if="flags.showDiscoverProjectButtons">
-									<ButtonStyled color="brand">
-										<button>
-											<DownloadIcon />
-											Download
-										</button>
-									</ButtonStyled>
-									<ButtonStyled circular>
-										<button>
-											<HeartIcon />
-										</button>
-									</ButtonStyled>
-									<ButtonStyled circular>
-										<button>
-											<BookmarkIcon />
-										</button>
-									</ButtonStyled>
-									<ButtonStyled circular type="transparent">
-										<button>
-											<MoreVerticalIcon />
-										</button>
-									</ButtonStyled>
-								</template>
-								<template v-else-if="serverData">
-									<ButtonStyled color="brand" type="outlined">
-										<button
-											v-if="
-												(result as InstallableSearchResult).installed ||
-												(serverContentData &&
-													(serverContentData.addons ?? []).find(
-														(x) => x.project_id === result.project_id,
-													)) ||
-												serverData.upstream?.project_id === result.project_id
-											"
-											disabled
-										>
-											<CheckIcon />
-											Installed
-										</button>
-										<button v-else-if="(result as InstallableSearchResult).installing" disabled>
-											Installing...
-										</button>
-										<button v-else @click="serverInstall(result as InstallableSearchResult)">
-											<DownloadIcon />
-											Install
-										</button>
-									</ButtonStyled>
-								</template>
-							</template>
-						</ProjectCard>
-					</template>
-				</ProjectCardList>
-			</div>
-			<div class="pagination-after">
-				<pagination
-					:page="currentPage"
-					:count="pageCount"
-					class="justify-end"
-					@switch-page="updateSearchResults"
-				/>
-			</div>
 		</div>
 	</section>
-
-	<CreationFlowModal
-		v-if="currentServerId && projectType?.id === 'modpack'"
-		ref="onboardingModalRef"
-		:type="fromContext === 'reset-server' ? 'reset-server' : 'server-onboarding'"
-		:available-loaders="['vanilla', 'fabric', 'neoforge', 'forge', 'quilt', 'paper', 'purpur']"
-		:show-snapshot-toggle="true"
-		:on-back="onOnboardingBack"
-		@hide="onOnboardingHide"
-		@browse-modpacks="() => {}"
-		@create="onModpackFlowCreate"
-	/>
 </template>
 <style lang="scss" scoped>
 .normal-page__content {
-	// Passthrough children as grid items on mobile
 	display: contents;
 
 	@media screen and (min-width: 1024px) {
@@ -1111,11 +684,9 @@ useSeoMeta({
 	}
 }
 
-// Move the filters "sidebar" on mobile underneath the search card
 .normal-page__sidebar {
 	grid-row: 3;
 
-	// Always show on desktop
 	@media screen and (min-width: 1024px) {
 		display: block;
 	}
@@ -1129,109 +700,10 @@ useSeoMeta({
 	}
 }
 
-.sidebar-menu {
-	display: none;
-}
-
-.sidebar-menu_open {
-	display: block;
-}
-
-.sidebar-menu-heading {
-	margin: 1.5rem 0 0.5rem 0;
-}
-
-// EthicalAds
 .content-wrapper {
 	grid-row: 1;
 }
 
-.search-controls {
-	display: flex;
-	flex-direction: row;
-	gap: var(--spacing-card-md);
-	flex-wrap: wrap;
-	padding: var(--spacing-card-md);
-	grid-row: 2;
-
-	.search-filter-container {
-		display: flex;
-		width: 100%;
-		align-items: center;
-
-		.sidebar-menu-close-button {
-			max-height: none;
-			// match height of the search field
-			height: 40px;
-			transition: box-shadow 0.1s ease-in-out;
-			margin-right: var(--spacing-card-md);
-
-			&.open {
-				color: var(--color-button-text-active);
-				background-color: var(--color-brand-highlight);
-				box-shadow:
-					inset 0 0 0 transparent,
-					0 0 0 2px var(--color-brand);
-			}
-		}
-
-		.iconified-input {
-			flex: 1;
-
-			input {
-				width: 100%;
-				margin: 0;
-			}
-		}
-	}
-
-	.sort-controls {
-		width: 100%;
-		display: flex;
-		flex-direction: row;
-		gap: var(--spacing-card-md);
-		flex-wrap: wrap;
-		align-items: center;
-
-		.labeled-control {
-			flex: 1;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			flex-wrap: wrap;
-			gap: 0.5rem;
-
-			.labeled-control__label {
-				white-space: nowrap;
-			}
-		}
-
-		.square-button {
-			margin-top: auto;
-			// match height of search dropdowns
-			height: 40px;
-			width: 40px; // make it square!
-		}
-	}
-}
-
-.search-controls__sorting {
-	min-width: 14rem;
-}
-
-.labeled-control__label,
-.labeled-control__control {
-	display: block;
-}
-
-.pagination-before {
-	grid-row: 4;
-}
-
-.search-results-container {
-	grid-row: 5;
-}
-
 .pagination-after {
 	grid-row: 6;
 }
@@ -1245,69 +717,12 @@ useSeoMeta({
 	margin: 2rem;
 }
 
-@media screen and (min-width: 750px) {
-	.search-controls {
-		flex-wrap: nowrap;
-		flex-direction: row;
-	}
-
-	.sort-controls {
-		min-width: fit-content;
-		max-width: fit-content;
-		flex-wrap: nowrap;
-	}
-
-	.labeled-control {
-		align-items: center;
-		display: flex;
-		flex-direction: column !important;
-		flex-wrap: wrap;
-		gap: 0.5rem;
-		max-width: fit-content;
-	}
-
-	.labeled-control__label {
-		flex-shrink: 0;
-		margin-bottom: 0 !important;
-	}
-}
-
-@media screen and (min-width: 860px) {
-	.labeled-control {
-		flex-wrap: nowrap !important;
-		flex-direction: row !important;
-	}
-}
-
-@media screen and (min-width: 1024px) {
-	.sidebar-menu {
-		display: block;
-		margin-top: 0;
-	}
-
-	.sidebar-menu-close-button {
-		display: none;
-	}
-
-	.labeled-control {
-		flex-wrap: wrap !important;
-		flex-direction: column !important;
-	}
-}
-
-@media screen and (min-width: 1100px) {
-	.labeled-control {
-		flex-wrap: nowrap !important;
-		flex-direction: row !important;
-	}
-}
-
 .search-background {
 	width: 100%;
 	height: 20rem;
-	background-image: url('https://minecraft.wiki/images/The_Garden_Awakens_Key_Art_No_Creaking.jpg?9968c');
+	background-image: url('https://minecraft.wiki/images/Tiny_Takeover_Key_Art.png?025dc');
 	background-size: cover;
-	background-position: center;
+	background-position: 50% 25%;
 	pointer-events: none;
 	mask-image: linear-gradient(to bottom, black, transparent);
 	opacity: 0.25;
diff --git a/apps/frontend/src/pages/hosting/index.vue b/apps/frontend/src/pages/hosting/index.vue
index 2f055d3db..84734ba18 100644
--- a/apps/frontend/src/pages/hosting/index.vue
+++ b/apps/frontend/src/pages/hosting/index.vue
@@ -643,6 +643,7 @@ import {
 	injectModrinthClient,
 	injectNotificationManager,
 	IntlFormatted,
+	LoaderIcon,
 	ModrinthServersPurchaseModal,
 	useFormatPrice,
 	useVIntl,
@@ -652,7 +653,6 @@ import { useQuery } from '@tanstack/vue-query'
 import { computed } from 'vue'
 
 import OptionGroup from '~/components/ui/OptionGroup.vue'
-import LoaderIcon from '~/components/ui/servers/icons/LoaderIcon.vue'
 import MedalPlanPromotion from '~/components/ui/servers/marketing/MedalPlanPromotion.vue'
 import ServerPlanSelector from '~/components/ui/servers/marketing/ServerPlanSelector.vue'
 import { products } from '~/generated/state.json'
diff --git a/apps/frontend/src/pages/hosting/manage/[id].vue b/apps/frontend/src/pages/hosting/manage/[id].vue
index 6524bfa91..68ad39c38 100644
--- a/apps/frontend/src/pages/hosting/manage/[id].vue
+++ b/apps/frontend/src/pages/hosting/manage/[id].vue
@@ -1,1536 +1,79 @@
 <template>
-	<div
-		v-if="filteredNotices.length > 0"
-		class="experimental-styles-within relative mx-auto mb-4 flex w-full min-w-0 max-w-[1280px] flex-col gap-3 px-6"
+	<ServersManageRootLayout
+		:server-id="serverId"
+		:reload-page="() => reloadNuxtApp({ path: route.path })"
+		:resolve-viewer="resolveViewer"
+		:show-copy-id-action="flags.developerMode"
+		:show-advanced-debug-info="flags.advancedDebugInfo"
+		:stripe-publishable-key="config.public.stripePublishableKey as string"
+		:site-url="config.public.siteUrl as string"
+		:products="products"
+		:auth-user="authUser"
+		:fetch-intercom-token="fetchIntercomToken"
+		:intercom-app-id="config.public.intercomAppId as string"
+		:navigate-to-billing="() => router.push('/settings/billing')"
+		:navigate-to-servers="() => router.push('/hosting/manage')"
+		:browse-modpacks="
+			({ serverId: sid, worldId: wid, from }) => {
+				navigateTo({
+					path: '/discover/modpacks',
+					query: { sid, from, wid: wid ?? undefined },
+				})
+			}
+		"
+		:browse-content="
+			({ serverId: sid, worldId: wid, type }) => {
+				navigateTo({
+					path: `/discover/${type}s`,
+					query: { sid, wid: wid ?? undefined },
+				})
+			}
+		"
 	>
-		<ServerNotice
-			v-for="notice in filteredNotices"
-			:key="`notice-${notice.id}`"
-			:level="notice.level"
-			:message="notice.message"
-			:dismissable="notice.dismissable"
-			:title="notice.title"
-			class="w-full"
-			@dismiss="() => dismissNotice(notice.id)"
-		/>
-	</div>
-	<div
-		v-if="serverData && serverData.node === null && serverData.status !== 'suspended'"
-		class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
-	>
-		<ErrorInformationCard
-			title="We're getting your server ready"
-			description="Your server's hardware is being prepared and will be available shortly!"
-			:icon="TransferIcon"
-			icon-color="blue"
-			:action="generalErrorAction"
-		/>
-	</div>
-	<div
-		v-else-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>
-	<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>
-	<div
-		v-else-if="serverError?.statusCode === 403 || serverError?.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="serverError || !nodeAccessible"
-		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 not accessible
-						at the moment. We are working 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">
-						If reloading does not work initially, please contact Modrinth Support via the chat
-						bubble in the bottom right corner and we'll be happy to help.
-					</p>
-				</div>
-			</template>
-		</ErrorInformationCard>
-	</div>
-	<!-- SERVER START -->
-	<div
-		v-else-if="serverData"
-		data-pyro-server-manager-root
-		class="experimental-styles-within mobile-blurred-servericon relative mx-auto mb-12 box-border flex min-h-screen w-full min-w-0 max-w-[1280px] flex-col gap-6 px-6 transition-all duration-300"
-		:style="{
-			'--server-bg-image': serverImage
-				? `url(${serverImage})`
-				: `linear-gradient(180deg, rgba(153,153,153,1) 0%, rgba(87,87,87,1) 100%)`,
-		}"
-	>
-		<NuxtLink to="/hosting/manage" class="breadcrumb goto-link flex w-fit items-center">
-			<LeftArrowIcon />
-			All servers
-		</NuxtLink>
-		<ContentPageHeader>
-			<template #icon>
-				<ServerIcon
-					:image="
-						serverData.is_medal ? 'https://cdn-raw.modrinth.com/medal_icon.webp' : serverImage
-					"
-				/>
-			</template>
-			<template #title>
-				{{ serverData.name }}
-			</template>
-			<template #stats>
-				<div
-					v-if="serverData.flows?.intro"
-					class="flex items-center gap-2 font-semibold text-secondary"
-				>
-					<SettingsIcon /> Configuring server...
-				</div>
-				<div v-else class="flex flex-wrap items-center gap-2">
-					<div v-if="serverData.loader" class="flex items-center gap-2 font-medium capitalize">
-						<LoaderIcon :loader="serverData.loader" class="flex shrink-0 [&&]:size-5" />
-						{{ serverData.loader }} {{ serverData.mc_version }}
-					</div>
-
-					<div
-						v-if="serverData.loader && serverData.net?.domain"
-						class="h-1.5 w-1.5 rounded-full bg-surface-5"
-					></div>
-
-					<div
-						v-if="serverData.net?.domain"
-						v-tooltip="'Copy server address'"
-						class="flex cursor-pointer items-center gap-2 font-medium hover:underline"
-						@click="copyServerAddress"
-					>
-						<LinkIcon class="flex size-5 shrink-0" />
-						{{ serverData.net.domain }}.modrinth.gg
-					</div>
-
-					<div v-if="uptimeSeconds" class="h-1.5 w-1.5 rounded-full bg-surface-5"></div>
-
-					<div v-if="uptimeSeconds" class="flex items-center gap-2 font-medium">
-						<TimerIcon class="flex size-5 shrink-0" />
-						{{ formattedUptime }}
-					</div>
-
-					<div
-						v-if="serverProject && (serverData.loader || serverData.net?.domain || uptimeSeconds)"
-						class="h-1.5 w-1.5 rounded-full bg-surface-5"
-					></div>
-
-					<div v-if="serverProject" class="flex items-center gap-1.5 font-medium text-primary">
-						Linked to
-						<Avatar :src="serverProject.icon_url" :alt="serverProject.title" size="24px" />
-						<NuxtLink
-							:to="`/project/${serverProject.slug ?? serverProject.id}`"
-							class="truncate text-primary hover:underline"
-						>
-							{{ serverProject.title }}
-						</NuxtLink>
-					</div>
-				</div>
-			</template>
-			<template #actions>
-				<div v-if="isConnected && !serverData.flows?.intro" class="flex gap-2">
-					<PanelServerActionButton :disabled="!!error" :uptime-seconds="uptimeSeconds" />
-				</div>
-			</template>
-		</ContentPageHeader>
-
-		<ServerOnboardingPanelPage v-if="serverData.flows?.intro" />
-
-		<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"
-			>
-				<NavTabs :links="navLinks" replace />
-			</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>
-
-							<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
-											Hosting 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 Hosting 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="`/hosting/manage/${serverId}/options/loader`"
-										>
-											<RightArrowIcon />
-											Change Loader
-										</NuxtLink>
-									</ButtonStyled>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div v-if="serverData.is_medal" class="mb-4">
-					<MedalServerCountdown :server-id="serverId" />
-				</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"
-				>
-					<PanelSpinner />
-					Hang on, we're reconnecting to your server.
-				</div>
-
-				<Transition
-					enter-active-class="transition-all duration-300 ease-out overflow-hidden"
-					enter-from-class="opacity-0 max-h-0"
-					enter-to-class="opacity-100 max-h-40"
-					leave-active-class="transition-all duration-200 ease-in overflow-hidden"
-					leave-from-class="opacity-100 max-h-40"
-					leave-to-class="opacity-0 max-h-0"
-				>
-					<InstallingBanner
-						v-if="
-							(serverData.status === 'installing' || isSyncingContent || contentError) &&
-							syncProgress?.phase !== 'Analyzing'
-						"
-						data-pyro-server-installing
-						class="mb-4"
-						:progress="syncProgress"
-						:content-error="contentError"
-						@retry="handleContentRetry"
-					>
-						<template #icon>
-							<ServerIcon :image="serverImage" class="!h-6 !w-6" />
-						</template>
-					</InstallingBanner>
-				</Transition>
-				<BackupProgressAdmonitions class="mb-4" />
-				<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"
-					@reinstall="onReinstall"
-					@reinstall-failed="onReinstallFailed"
-				/>
-			</div>
+		<template #default="{ onReinstall, onReinstallFailed }">
+			<NuxtPage :route="route" @reinstall="onReinstall" @reinstall-failed="onReinstallFailed" />
 		</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">{{
-			safeStringify(serverData)
-		}}</pre>
-	</div>
+	</ServersManageRootLayout>
 </template>
 
 <script setup lang="ts">
-import { Intercom, shutdown } from '@intercom/messenger-js-sdk'
-import type { Archon } from '@modrinth/api-client'
-import { clearNodeAuthState, ModrinthApiError, setNodeAuthState } from '@modrinth/api-client'
-import {
-	BoxesIcon,
-	CheckIcon,
-	CopyIcon,
-	DatabaseBackupIcon,
-	FileIcon,
-	FolderOpenIcon,
-	IssuesIcon,
-	LayoutTemplateIcon,
-	LeftArrowIcon,
-	LinkIcon,
-	LockIcon,
-	RightArrowIcon,
-	SettingsIcon,
-	TimerIcon,
-	TransferIcon,
-} from '@modrinth/assets'
-import type { BusyReason } from '@modrinth/ui'
-import {
-	Avatar,
-	BackupProgressAdmonitions,
-	ButtonStyled,
-	ContentPageHeader,
-	defineMessage,
-	ErrorInformationCard,
-	formatLoaderLabel,
-	injectModrinthClient,
-	injectNotificationManager,
-	InstallingBanner,
-	LoaderIcon,
-	NavTabs,
-	provideModrinthServerContext,
-	ServerIcon,
-	ServerNotice,
-	ServerOnboardingPanelPage,
-	useDebugLogger,
-} from '@modrinth/ui'
-import type { Stats } from '@modrinth/utils'
-import { useQuery, useQueryClient } from '@tanstack/vue-query'
-import { useTimeoutFn } from '@vueuse/core'
-import DOMPurify from 'dompurify'
-import { computed, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
+import { ServersManageRootLayout } from '@modrinth/ui'
 
 import { reloadNuxtApp } from '#app'
-import PanelErrorIcon from '~/components/ui/servers/icons/PanelErrorIcon.vue'
-import MedalServerCountdown from '~/components/ui/servers/marketing/MedalServerCountdown.vue'
-import PanelServerActionButton from '~/components/ui/servers/PanelServerActionButton.vue'
-import PanelSpinner from '~/components/ui/servers/PanelSpinner.vue'
-import { useServerImage } from '~/composables/servers/use-server-image.ts'
-import { useServerProject } from '~/composables/servers/use-server-project.ts'
-import { useModrinthServersConsole } from '~/store/console.ts'
+import { products } from '~/generated/state.json'
 
-const { addNotification } = injectNotificationManager()
-const client = injectModrinthClient()
-
-const isReconnecting = ref(false)
-const isLoading = ref(true)
-const isMounted = ref(true)
-const unsubscribers = ref<(() => void)[]>([])
 const flags = useFeatureFlags()
-const config = useRuntimeConfig()
-
-type AuthUser = {
-	id: string
-	username: string
-	email?: string
-	created: string
-}
-
-const auth = (await useAuth()) as unknown as { value: { user: AuthUser | null } }
-
-const debug = useDebugLogger('ServerManage')
 const route = useNativeRoute()
 const router = useRouter()
+const config = useRuntimeConfig()
 const serverId = route.params.id as string
 
-const { data: serverData, error: serverQueryError } = useQuery({
-	queryKey: ['servers', 'detail', serverId],
-	queryFn: () => client.archon.servers_v0.get(serverId)!,
-})
+const auth = (await useAuth()) as unknown as {
+	value: { user: { id: string; username: string; email: string; created: string } }
+}
 
-function updateServerData(patch: Partial<Archon.Servers.v0.Server>) {
-	if (!serverData.value) return
-	queryClient.setQueryData(['servers', 'detail', serverId], {
-		...serverData.value,
-		...patch,
+const authUser = auth.value?.user
+	? {
+			id: auth.value.user.id,
+			username: auth.value.user.username,
+			email: auth.value.user.email,
+			created: auth.value.user.created,
+		}
+	: undefined
+
+async function fetchIntercomToken(): Promise<{ token: string }> {
+	return $fetch('/api/intercom/messenger-jwt', {
+		query: { server_id: serverId },
 	})
 }
 
-const serverError = computed(() => {
-	const err = serverQueryError.value
-	if (err instanceof ModrinthApiError) return err
-	return err ? ModrinthApiError.fromUnknown(err) : null
-})
-
-const { data: serverFull } = useQuery({
-	queryKey: ['servers', 'v1', 'detail', serverId],
-	queryFn: () => client.archon.servers_v1.get(serverId),
-})
-
-const worldId = computed(() => {
-	if (!serverFull.value) return null
-	const activeWorld = serverFull.value.worlds.find((w) => w.is_active)
-	return activeWorld?.id ?? serverFull.value.worlds[0]?.id ?? null
-})
-
-const serverImage = useServerImage(
-	serverId,
-	computed(() => serverData.value?.upstream ?? null),
-)
-const { data: serverProject } = useServerProject(computed(() => serverData.value?.upstream ?? null))
-
-const errorTitle = ref('Error')
-const errorMessage = ref('An unexpected error occurred.')
-const errorLog = ref('')
-const errorLogFile = ref('')
-
-function safeStringify(obj: unknown, indent = ' '): string {
-	const seen = new WeakSet()
-	return JSON.stringify(
-		obj,
-		(_key, value) => {
-			if (typeof value === 'object' && value !== null) {
-				if (seen.has(value)) {
-					return '[Circular]'
-				}
-				seen.add(value)
-			}
-			return value
-		},
-		indent,
-	)
-}
-
-const isConnected = ref(false)
-const isWSAuthIncorrect = ref(false)
-const modrinthServersConsole = useModrinthServersConsole()
-const queryClient = useQueryClient()
-const cpuData = ref<number[]>([])
-const ramData = ref<number[]>([])
-const isServerRunning = computed(() => serverPowerState.value === 'running')
-const serverPowerState = ref<Archon.Websocket.v0.PowerState>('stopped')
-const powerStateDetails = ref<{ oom_killed?: boolean; exit_code?: number }>()
-const backupsState = reactive(new Map())
-const cancelledBackups = new Set<string>()
-
-const markBackupCancelled = (backupId: string) => {
-	cancelledBackups.add(backupId)
-}
-
-// Parthenon state event
-const syncProgress = ref<Archon.Websocket.v0.SyncContentProgress | null>(null)
-const contentError = ref<Archon.Websocket.v0.SyncContentError | null>(null)
-const syncProgressActive = ref(false)
-const isAwaitingPostInstallRefresh = ref(false)
-const { start: startSyncHide, stop: cancelSyncHide } = useTimeoutFn(
-	() => (syncProgressActive.value = false),
-	1000,
-	{ immediate: false },
-)
-
-watch(syncProgress, (progress) => {
-	if (progress != null) {
-		cancelSyncHide()
-		syncProgressActive.value = true
-	} else if (syncProgressActive.value) {
-		startSyncHide()
-	}
-})
-
-const isSyncingContent = computed(
-	() => syncProgressActive.value || isAwaitingPostInstallRefresh.value,
-)
-
-const busyReasons = computed(() => {
-	const reasons: BusyReason[] = []
-	if (serverData.value?.status === 'installing') {
-		reasons.push({
-			reason: defineMessage({
-				id: 'servers.busy.installing',
-				defaultMessage: 'Server is installing',
-			}),
-		})
-	}
-	if (isSyncingContent.value) {
-		reasons.push({
-			reason: defineMessage({
-				id: 'servers.busy.syncing-content',
-				defaultMessage: 'Content sync in progress',
-			}),
-		})
-	}
-	for (const entry of backupsState.values()) {
-		if (entry.create?.state === 'ongoing') {
-			reasons.push({
-				reason: defineMessage({
-					id: 'servers.busy.backup-creating',
-					defaultMessage: 'Backup creation in progress',
-				}),
-			})
-			break
-		}
-		if (entry.restore?.state === 'ongoing') {
-			reasons.push({
-				reason: defineMessage({
-					id: 'servers.busy.backup-restoring',
-					defaultMessage: 'Backup restore in progress',
-				}),
-			})
-			break
-		}
-	}
-	return reasons
-})
-
-const fsAuth = ref<{ url: string; token: string } | null>(null)
-const fsOps = ref<Archon.Websocket.v0.FilesystemOperation[]>([])
-const fsQueuedOps = ref<Archon.Websocket.v0.QueuedFilesystemOp[]>([])
-
-const refreshFsAuth = async () => {
-	try {
-		const auth = await client.archon.servers_v0.getFilesystemAuth(serverId)
-		fsAuth.value = auth
-	} catch (error) {
-		console.error('Failed to refresh filesystem auth:', error)
-		throw error
+async function resolveViewer(): Promise<{ userId: string | null; userRole: string | null }> {
+	return {
+		userId: auth.value?.user?.id ?? null,
+		userRole: (auth.value?.user as any)?.role ?? null,
 	}
 }
 
-setNodeAuthState(() => fsAuth.value, refreshFsAuth)
-
-provideModrinthServerContext({
-	serverId,
-	worldId,
-	server: serverData as Ref<Archon.Servers.v0.Server>,
-	isConnected,
-	powerState: serverPowerState,
-	isServerRunning,
-	backupsState,
-	markBackupCancelled,
-	isSyncingContent,
-	busyReasons,
-	fsAuth,
-	fsOps,
-	fsQueuedOps,
-	refreshFsAuth,
-})
-
-const uptimeSeconds = ref(0)
-
-const formattedUptime = computed(() => {
-	const days = Math.floor(uptimeSeconds.value / (24 * 3600))
-	const hours = Math.floor((uptimeSeconds.value % (24 * 3600)) / 3600)
-	const minutes = Math.floor((uptimeSeconds.value % 3600) / 60)
-	const seconds = uptimeSeconds.value % 60
-
-	let formatted = ''
-	if (days > 0) formatted += `${days}d `
-	if (hours > 0 || days > 0) formatted += `${hours}h `
-	formatted += `${minutes}m ${seconds}s`
-	return formatted.trim()
-})
-
-function copyServerAddress() {
-	if (!serverData.value?.net?.domain) return
-	navigator.clipboard.writeText(serverData.value.net.domain + '.modrinth.gg')
-	addNotification({
-		title: 'Server address copied',
-		text: "Your server's address has been copied to your clipboard.",
-		type: 'success',
-	})
-}
-
-const copied = ref(false)
-const error = ref<Error | null>(null)
-
-const initialConsoleMessage = [
-	'   __________________________________________________',
-	' /  Welcome to your \x1B[32mModrinth Server\x1B[37m!                  \\',
-	'|   Press the green start button to start your server! |',
-	' \\____________________________________________________/',
-	'\x1B[32m     _    _ \x1B[37m',
-	'\x1B[32m    (o)--(o)      \x1B[37m',
-	'\x1B[32m   /.______.\\\x1B[37m',
-	'\x1B[32m   \\________/     \x1B[37m',
-	'\x1B[32m  ./        \\.    \x1B[37m',
-	'\x1B[32m ( .        , )\x1B[37m',
-	'\x1B[32m  \\ \\_\\\\ //_/ /\x1B[37m',
-	'\x1B[32m   ~~  ~~  ~~\x1B[37m',
-]
-
-const stats = ref<Stats>({
-	current: {
-		cpu_percent: 0,
-		ram_usage_bytes: 0,
-		ram_total_bytes: 1,
-		storage_usage_bytes: 0,
-		storage_total_bytes: 0,
-	},
-	past: {
-		cpu_percent: 0,
-		ram_usage_bytes: 0,
-		ram_total_bytes: 1,
-		storage_usage_bytes: 0,
-		storage_total_bytes: 0,
-	},
-	graph: {
-		cpu: [],
-		ram: [],
-	},
-})
-
-const navLinks = [
-	{
-		label: 'Overview',
-		href: `/hosting/manage/${serverId}`,
-		icon: LayoutTemplateIcon,
-		subpages: [],
-	},
-	{
-		label: 'Content',
-		href: `/hosting/manage/${serverId}/content`,
-		icon: BoxesIcon,
-		subpages: ['mods', 'datapacks'],
-	},
-	{ label: 'Files', href: `/hosting/manage/${serverId}/files`, icon: FolderOpenIcon, subpages: [] },
-	{
-		label: 'Backups',
-		href: `/hosting/manage/${serverId}/backups`,
-		icon: DatabaseBackupIcon,
-		subpages: [],
-	},
-	{
-		label: 'Options',
-		href: `/hosting/manage/${serverId}/options`,
-		icon: SettingsIcon,
-		subpages: ['startup', 'network', 'properties', 'info'],
-	},
-]
-
-const filteredNotices = computed(
-	() => serverData.value?.notices?.filter((n) => n.level !== 'survey') ?? [],
-)
-const surveyNotice = computed(() => serverData.value?.notices?.find((n) => n.level === 'survey'))
-
-async function dismissSurvey() {
-	const noticeId = surveyNotice.value?.id
-	if (noticeId === undefined) {
-		console.warn('No survey notice to dismiss')
-		return
-	}
-	await dismissNotice(noticeId)
-	console.log(`Dismissed survey notice ${noticeId}`)
-}
-
-type TallyPopupOptions = {
-	key?: string
-	layout?: 'default' | 'modal'
-	width?: number
-	alignLeft?: boolean
-	hideTitle?: boolean
-	overlay?: boolean
-	emoji?: {
-		text: string
-		animation:
-			| 'none'
-			| 'wave'
-			| 'tada'
-			| 'heart-beat'
-			| 'spin'
-			| 'flash'
-			| 'bounce'
-			| 'rubber-band'
-			| 'head-shake'
-	}
-	autoClose?: number
-	showOnce?: boolean
-	doNotShowAfterSubmit?: boolean
-	customFormUrl?: string
-	hiddenFields?: {
-		[key: string]: unknown
-	}
-	onOpen?: () => void
-	onClose?: () => void
-	onPageView?: (page: number) => void
-	onSubmit?: (payload: unknown) => void
-}
-
-const popupOptions = computed(
-	() =>
-		({
-			layout: 'default',
-			width: 400,
-			autoClose: 2000,
-			hideTitle: true,
-			hiddenFields: {
-				username: auth.value?.user?.username,
-				user_id: auth.value?.user?.id,
-				user_email: auth.value?.user?.email,
-				server_id: serverData.value?.server_id,
-				loader: serverData.value?.loader,
-				game_version: serverData.value?.mc_version,
-				modpack_id: serverProject.value?.id,
-				modpack_name: serverProject.value?.title,
-			},
-			onOpen: () => console.log(`Opened survey notice: ${surveyNotice.value?.id}`),
-			onClose: async () => await dismissSurvey(),
-			onSubmit: (payload: any) => {
-				console.log('Form submitted:', payload)
-			},
-		}) satisfies TallyPopupOptions,
-)
-
-function showSurvey() {
-	if (!surveyNotice.value) {
-		console.warn('No survey notice to open')
-		return
-	}
-
-	try {
-		if ((window as any).Tally?.openPopup) {
-			console.log(
-				`Opening Tally popup for survey notice ${surveyNotice.value?.id} (form ID: ${surveyNotice.value?.message})`,
-			)
-			;(window as any).Tally.openPopup(surveyNotice.value?.message, popupOptions.value)
-		} else {
-			console.warn('Tally script not yet loaded')
-		}
-	} catch (e) {
-		console.error('Error opening Tally popup:', e)
-	}
-}
-
-let uptimeIntervalId: ReturnType<typeof setInterval> | null = null
-
-const startUptimeUpdates = () => {
-	uptimeIntervalId = setInterval(() => {
-		uptimeSeconds.value += 1
-	}, 1000)
-}
-
-const stopUptimeUpdates = () => {
-	if (uptimeIntervalId) {
-		clearInterval(uptimeIntervalId)
-	}
-}
-
-const handleLog = (data: Archon.Websocket.v0.WSLogEvent) => {
-	const log = data.message.split('\n').filter((l) => l.trim())
-	modrinthServersConsole.addLines(log)
-}
-
-const handleStats = (data: Archon.Websocket.v0.WSStatsEvent) => {
-	updateStats({
-		cpu_percent: data.cpu_percent,
-		ram_usage_bytes: data.ram_usage_bytes,
-		ram_total_bytes: data.ram_total_bytes,
-		storage_usage_bytes: data.storage_usage_bytes,
-		storage_total_bytes: data.storage_total_bytes,
-	})
-}
-
-const handlePowerState = (data: Archon.Websocket.v0.WSPowerStateEvent) => {
-	if (data.state === 'crashed') {
-		updatePowerState(data.state, {
-			oom_killed: data.oom_killed,
-			exit_code: data.exit_code,
-		})
-	} else {
-		updatePowerState(data.state)
-	}
-}
-
-const handleState = (data: Archon.Websocket.v0.WSStateEvent) => {
-	debug('[id.vue] handleState received:', {
-		power_variant: data.power_variant,
-		progress: data.progress,
-		serverStatus: serverData.value?.status,
-	})
-	syncProgress.value = data.progress
-	contentError.value = data.content_error
-
-	// Sync power state from the state event
-	const powerMap: Record<Archon.Websocket.v0.FlattenedPowerState, Archon.Websocket.v0.PowerState> =
-		{
-			not_ready: 'stopped',
-			starting: 'starting',
-			running: 'running',
-			stopping: 'stopping',
-			idle:
-				data.was_oom || (data.exit_code != null && data.exit_code !== 0) ? 'crashed' : 'stopped',
-		}
-	updatePowerState(powerMap[data.power_variant], {
-		exit_code: data.exit_code ?? undefined,
-		oom_killed: data.was_oom,
-	})
-
-	// Sync uptime
-	if (data.uptime > 0) {
-		stopUptimeUpdates()
-		uptimeSeconds.value = data.uptime
-		startUptimeUpdates()
-	}
-
-	// Update installing status from progress presence
-	if (serverData.value) {
-		if (data.progress != null && serverData.value.status !== 'installing') {
-			debug('[id.vue] handleState: progress != null, setting status to installing')
-			hasSeenInstallProgress = true
-			updateServerData({ status: 'installing' })
-		} else if (data.progress != null) {
-			hasSeenInstallProgress = true
-		} else if (
-			data.progress == null &&
-			data.content_error == null &&
-			serverData.value.status === 'installing' &&
-			hasSeenInstallProgress
-		) {
-			debug('[id.vue] handleState: progress null + was installing, applying optimistic update')
-			hasSeenInstallProgress = false
-			applyOptimisticCompletion()
-			invalidateAfterInstall()
-		}
-	}
-}
-
-async function handleContentRetry() {
-	if (!worldId.value) return
-	try {
-		await client.archon.content_v1.repair(serverId, worldId.value)
-	} catch (err) {
-		addNotification({
-			type: 'error',
-			text: err instanceof Error ? err.message : 'Failed to retry installation',
-		})
-	}
-}
-
-const handleUptime = (data: Archon.Websocket.v0.WSUptimeEvent) => {
-	stopUptimeUpdates()
-	uptimeSeconds.value = data.uptime
-	startUptimeUpdates()
-}
-
-const handleAuthIncorrect = () => {
-	isWSAuthIncorrect.value = true
-}
-
-const handleBackupProgress = (data: Archon.Websocket.v0.WSBackupProgressEvent) => {
-	if (data.task === 'file') return
-
-	const backupId = data.id
-
-	if (cancelledBackups.has(backupId)) return
-
-	const current = backupsState.get(backupId) ?? {}
-	const currentTaskState = current[data.task]?.state
-	const isIncomingTerminal =
-		data.state === 'done' || data.state === 'failed' || data.state === 'cancelled'
-
-	// Skip duplicate terminal events, but allow retries (terminal → ongoing)
-	if (currentTaskState === data.state && isIncomingTerminal) return
-
-	const previousProgress = current[data.task]?.progress
-	if (currentTaskState !== data.state || previousProgress !== data.progress) {
-		backupsState.set(backupId, {
-			...current,
-			[data.task]: {
-				progress: data.progress,
-				state: data.state,
-			},
-		})
-	}
-
-	if (isIncomingTerminal) {
-		const attemptCleanup = (attempt: number = 1) => {
-			queryClient.invalidateQueries({ queryKey: ['backups', 'list', serverId] }).then(() => {
-				const backupData = queryClient.getQueryData<Archon.Backups.v1.Backup[]>([
-					'backups',
-					'list',
-					serverId,
-				])
-				const backup = backupData?.find((b) => b.id === backupId)
-				const isStillActive =
-					backup && (backup.status === 'in_progress' || backup.status === 'pending')
-
-				if (isStillActive && attempt < 6) {
-					setTimeout(() => attemptCleanup(attempt + 1), 1000 * Math.pow(2, attempt - 1))
-					return
-				}
-
-				if (isStillActive) {
-					queryClient.setQueryData<Archon.Backups.v1.Backup[]>(
-						['backups', 'list', serverId],
-						(old) =>
-							old?.map((b) => {
-								if (b.id !== backupId) return b
-								return {
-									...b,
-									status: data.state === 'done' ? ('done' as const) : ('error' as const),
-									ongoing: false,
-									interrupted: data.state === 'failed',
-								}
-							}),
-					)
-				}
-
-				backupsState.delete(backupId)
-			})
-		}
-
-		attemptCleanup()
-	}
-}
-
-const opsQueuedForModification = ref<string[]>([])
-
-const handleFilesystemOps = (data: Archon.Websocket.v0.WSFilesystemOpsEvent) => {
-	const allOps = data.all
-
-	if (JSON.stringify(fsOps.value) !== JSON.stringify(allOps)) {
-		fsOps.value = allOps
-	}
-
-	fsQueuedOps.value = fsQueuedOps.value.filter(
-		(queuedOp) => !allOps.some((x) => x.src === queuedOp.src),
-	)
-
-	const dismissOp = async (opId: string) => {
-		try {
-			await client.kyros.files_v0.modifyOperation(opId, 'dismiss')
-		} catch (error) {
-			console.error('Failed to dismiss operation:', error)
-		}
-	}
-
-	const cancelled = allOps.filter((x) => x.state === 'cancelled')
-	Promise.all(cancelled.map((x) => dismissOp(x.id)))
-
-	const completed = allOps.filter((x) => x.state === 'done')
-	if (completed.length > 0) {
-		setTimeout(
-			async () =>
-				await Promise.all(
-					completed.map((x) => {
-						if (!opsQueuedForModification.value.includes(x.id)) {
-							opsQueuedForModification.value.push(x.id)
-							return dismissOp(x.id)
-						}
-						return Promise.resolve()
-					}),
-				),
-			3000,
-		)
-	}
-}
-
-const handleNewMod = () => {
-	queryClient.invalidateQueries({ queryKey: ['content', 'list'] })
-}
-
-const newLoader = ref<string | null>(null)
-const newLoaderVersion = ref<string | null>(null)
-const newMCVersion = ref<string | null>(null)
-let hasSeenInstallProgress = false
-
-const onReinstall = async (potentialArgs: any) => {
-	debug('[id.vue] onReinstall called with:', potentialArgs)
-
-	if (serverData.value?.flows?.intro) {
-		await client.archon.servers_v1.endIntro(serverId)
-		queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-	}
-
-	if (!serverData.value) return
-
-	debug('[id.vue] onReinstall: setting serverData.status to installing')
-	hasSeenInstallProgress = false
-	updateServerData({ status: 'installing' })
-
-	if (potentialArgs?.loader) {
-		newLoader.value = potentialArgs.loader
-	}
-	if (potentialArgs?.lVersion) {
-		newLoaderVersion.value = potentialArgs.lVersion
-	}
-	if (potentialArgs?.mVersion) {
-		newMCVersion.value = potentialArgs.mVersion
-	}
-
-	debug('[id.vue] onReinstall: stored refs:', {
-		newLoader: newLoader.value,
-		newLoaderVersion: newLoaderVersion.value,
-		newMCVersion: newMCVersion.value,
-	})
-
-	error.value = null
-	errorTitle.value = 'Error'
-	errorMessage.value = 'An unexpected error occurred.'
-
-	// Immediately refetch so loader.vue has fresh data (buttons stay locked via isSyncingContent)
-	debug('[id.vue] onReinstall: triggering immediate invalidation for loader.vue')
-	queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-	queryClient.invalidateQueries({ queryKey: ['content', 'list'] })
-}
-
-const onReinstallFailed = () => {
-	debug('[id.vue] onReinstallFailed: reverting status to available')
-	updateServerData({ status: 'available' })
-	newLoader.value = null
-	newLoaderVersion.value = null
-	newMCVersion.value = null
-}
-
-function applyOptimisticCompletion() {
-	const patch: Partial<Archon.Servers.v0.Server> = { status: 'available' }
-	if (newLoader.value) patch.loader = formatLoaderLabel(newLoader.value) as Archon.Servers.v0.Loader
-	if (newLoaderVersion.value) patch.loader_version = newLoaderVersion.value
-	if (newMCVersion.value) patch.mc_version = newMCVersion.value
-
-	debug('[id.vue] applyOptimisticCompletion: patch:', patch)
-	updateServerData(patch)
-
-	const addonsQueries = queryClient.getQueriesData<Archon.Content.v1.Addons>({
-		queryKey: ['content', 'list', 'v1', serverId],
-	})
-	debug(
-		'[id.vue] applyOptimisticCompletion: found',
-		addonsQueries.length,
-		'addons queries to patch',
-	)
-	for (const [key, data] of addonsQueries) {
-		if (!data) continue
-		const addonsPatch: Record<string, string> = {}
-		if (newLoader.value) addonsPatch.modloader = newLoader.value
-		if (newLoaderVersion.value) addonsPatch.modloader_version = newLoaderVersion.value
-		if (newMCVersion.value) addonsPatch.game_version = newMCVersion.value
-		if (Object.keys(addonsPatch).length > 0) {
-			debug('[id.vue] applyOptimisticCompletion: patching addons cache:', addonsPatch)
-			queryClient.setQueryData(key, { ...data, ...addonsPatch })
-		}
-	}
-
-	newLoader.value = null
-	newLoaderVersion.value = null
-	newMCVersion.value = null
-}
-
-async function invalidateAfterInstall() {
-	debug(
-		'[id.vue] invalidateAfterInstall: setting isAwaitingPostInstallRefresh=true, scheduling 2s delayed invalidation',
-	)
-	isAwaitingPostInstallRefresh.value = true
-	setTimeout(async () => {
-		debug('[id.vue] invalidateAfterInstall: delayed invalidation firing now')
-		try {
-			await Promise.all([
-				queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] }),
-				queryClient.invalidateQueries({ queryKey: ['servers', 'startup', 'v1', serverId] }),
-				queryClient.invalidateQueries({ queryKey: ['content', 'list'] }),
-			])
-			debug('[id.vue] invalidateAfterInstall: delayed invalidation complete')
-		} catch (err: unknown) {
-			console.error('Error refreshing data after installation:', err)
-		} finally {
-			debug('[id.vue] invalidateAfterInstall: setting isAwaitingPostInstallRefresh=false')
-			isAwaitingPostInstallRefresh.value = false
-		}
-	}, 2000)
-}
-
-const handleInstallationResult = async (data: Archon.Websocket.v0.WSInstallationResultEvent) => {
-	debug('[id.vue] handleInstallationResult received:', data)
-	switch (data.result) {
-		case 'ok': {
-			debug('[id.vue] handleInstallationResult: ok received')
-			if (!serverData.value) break
-
-			debug('[id.vue] handleInstallationResult: stored refs:', {
-				newLoader: newLoader.value,
-				newLoaderVersion: newLoaderVersion.value,
-				newMCVersion: newMCVersion.value,
-			})
-			debug('[id.vue] handleInstallationResult: current serverData:', {
-				status: serverData.value.status,
-				loader: serverData.value.loader,
-				loader_version: serverData.value.loader_version,
-				mc_version: serverData.value.mc_version,
-			})
-
-			applyOptimisticCompletion()
-			error.value = null
-			invalidateAfterInstall()
-
-			break
-		}
-		case 'err': {
-			console.log('failed to install')
-			console.log(data)
-			errorTitle.value = 'Installation error'
-			errorMessage.value = data.reason ?? 'Unknown error'
-			error.value = new Error(data.reason ?? 'Unknown error')
-
-			// Fetch installation log if available
-			try {
-				let files = await client.kyros.files_v0.listDirectory('/', 1, 100)
-				if (files && files.total > 1) {
-					for (let i = 2; i <= files.total; i++) {
-						const nextFiles = await client.kyros.files_v0.listDirectory('/', i, 100)
-						if (nextFiles?.items?.length === 0) break
-						if (nextFiles) files = nextFiles
-					}
-				}
-				const fileName = files?.items?.find((file) =>
-					file.name.startsWith('modrinth-installation'),
-				)?.name
-				errorLogFile.value = fileName ?? ''
-				if (fileName) {
-					const content = await client.kyros.files_v0.downloadFile(fileName)
-					errorLog.value = await content.text()
-				}
-			} catch (err) {
-				console.error('Failed to fetch installation log:', err)
-			}
-			break
-		}
-	}
-}
-
-const updateStats = (currentStats: Stats['current']) => {
-	isConnected.value = true
-	stats.value = {
-		current: currentStats,
-		past: { ...stats.value.current },
-		graph: {
-			cpu: updateGraphData(cpuData.value, currentStats.cpu_percent),
-			ram: updateGraphData(
-				ramData.value,
-				Math.floor((currentStats.ram_usage_bytes / currentStats.ram_total_bytes) * 100),
-			),
-		},
-	}
-}
-
-const updatePowerState = (
-	state: Archon.Websocket.v0.PowerState,
-	details?: { oom_killed?: boolean; exit_code?: number },
-) => {
-	serverPowerState.value = state
-
-	if (state === 'crashed') {
-		powerStateDetails.value = details
-	} else {
-		powerStateDetails.value = undefined
-	}
-
-	if (state === 'stopped' || state === 'crashed') {
-		stopUptimeUpdates()
-		uptimeSeconds.value = 0
-	}
-}
-
-const updateGraphData = (dataArray: number[], newValue: number): number[] => {
-	const updated = [...dataArray, newValue]
-	if (updated.length > 10) updated.shift()
-	return updated
-}
-
-const nodeUnavailableDetails = computed(() => [
-	{
-		label: 'Server ID',
-		value: serverId,
-		type: 'inline' as const,
-	},
-	{
-		label: 'Node',
-		value:
-			(serverError.value?.responseData as any)?.hostname ??
-			serverData.value?.datacenter ??
-			'Unknown',
-		type: 'inline' as const,
-	},
-	{
-		label: 'Error message',
-		value: nodeAccessible.value
-			? (serverError.value?.message ?? 'Unknown')
-			: 'Unable to reach node. Ping test failed.',
-		type: 'block' 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: serverId,
-		type: 'inline' as const,
-	},
-	{
-		label: 'Timestamp',
-		value: String(new Date().toISOString()),
-		type: 'inline' as const,
-	},
-	{
-		label: 'Error Name',
-		value: serverError.value?.name,
-		type: 'inline' as const,
-	},
-	{
-		label: 'Error Message',
-		value: serverError.value?.message,
-		type: 'block' as const,
-	},
-	...(serverError.value?.originalError
-		? [
-				{
-					label: 'Original Error',
-					value: String(serverError.value.originalError),
-					type: 'hidden' as const,
-				},
-			]
-		: []),
-	...(serverError.value?.stack
-		? [
-				{
-					label: 'Stack Trace',
-					value: serverError.value.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('/hosting/manage'),
-	color: 'brand' as const,
-}))
-
-const nodeUnavailableAction = computed(() => ({
-	label: 'Reload',
-	onClick: () => reloadNuxtApp(),
-	color: 'brand' as const,
-	disabled: false,
-}))
-
-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)
-	copied.value = true
-	setTimeout(() => {
-		copied.value = false
-	}, 5000)
-}
-
-const openInstallLog = () => {
-	router.replace({
-		path: `/hosting/manage/${serverId}/files`,
-		query: { ...route.query, editing: errorLogFile.value },
-	})
-}
-
-async function initializeIntercom() {
-	if (!auth.value?.user) return
-
-	try {
-		const intercomData = await $fetch<{ token: string }>('/api/intercom/messenger-jwt', {
-			query: { server_id: serverId },
-		})
-
-		Intercom({
-			app_id: config.public.intercomAppId,
-			intercom_user_jwt: intercomData.token,
-			session_duration: 1000 * 60 * 60 * 24,
-		})
-	} catch (error) {
-		console.warn('[PYROSERVERS][INTERCOM] failed to initialize secure support chat', error)
-	}
-}
-
-const cleanup = () => {
-	isMounted.value = false
-
-	shutdown()
-
-	stopUptimeUpdates()
-
-	unsubscribers.value.forEach((unsub) => unsub())
-	unsubscribers.value = []
-
-	client.archon.sockets.disconnect(serverId)
-
-	isConnected.value = false
-	isReconnecting.value = false
-	isLoading.value = true
-
-	cancelledBackups.clear()
-
-	clearNodeAuthState()
-
-	DOMPurify.removeHook('afterSanitizeAttributes')
-}
-
-async function dismissNotice(noticeId: number) {
-	await client.archon.servers_v0.dismissNotice(serverId, noticeId).catch((err) => {
-		addNotification({
-			title: 'Error dismissing notice',
-			text: err,
-			type: 'error',
-		})
-	})
-	await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-}
-
-const nodeAccessible = ref(true)
-
-async function testNodeReachability(): Promise<boolean> {
-	const nodeInstance = serverData.value?.node?.instance
-	if (!nodeInstance) {
-		console.warn('No node instance available for ping test')
-		return false
-	}
-
-	const wsUrl = `wss://${nodeInstance}/pingtest`
-
-	try {
-		return await new Promise((resolve) => {
-			const socket = new WebSocket(wsUrl)
-			const timeout = setTimeout(() => {
-				socket.close()
-				resolve(false)
-			}, 5000)
-
-			socket.onopen = () => {
-				clearTimeout(timeout)
-				socket.send(performance.now().toString())
-			}
-
-			socket.onmessage = () => {
-				clearTimeout(timeout)
-				socket.close()
-				resolve(true)
-			}
-
-			socket.onerror = () => {
-				clearTimeout(timeout)
-				resolve(false)
-			}
-		})
-	} catch (error) {
-		console.error(`Failed to ping node ${wsUrl}:`, error)
-		return false
-	}
-}
-
-function initializeServer() {
-	if (serverData.value?.status === 'suspended') {
-		isLoading.value = false
-		return
-	}
-
-	// Skip node test if node is null (upgrading/provisioning)
-	if (serverData.value?.node === null) {
-		isLoading.value = false
-		return
-	}
-
-	testNodeReachability()
-		.then((result) => {
-			nodeAccessible.value = result
-			if (!nodeAccessible.value) {
-				isLoading.value = false
-			}
-		})
-		.catch((err) => {
-			console.error('Error testing node reachability:', err)
-			nodeAccessible.value = false
-			isLoading.value = false
-		})
-
-	if (serverError.value) {
-		isLoading.value = false
-	} else {
-		client.archon.sockets
-			.safeConnect(serverId)
-			.then(() => {
-				modrinthServersConsole.clear()
-				isConnected.value = true
-				isLoading.value = false
-
-				for (const line of initialConsoleMessage) {
-					modrinthServersConsole.addLine(line)
-				}
-
-				unsubscribers.value = [
-					client.archon.sockets.on(serverId, 'log', handleLog),
-					client.archon.sockets.on(serverId, 'stats', handleStats),
-					client.archon.sockets.on(serverId, 'state', handleState),
-					client.archon.sockets.on(serverId, 'power-state', handlePowerState),
-					client.archon.sockets.on(serverId, 'uptime', handleUptime),
-					client.archon.sockets.on(serverId, 'auth-incorrect', handleAuthIncorrect),
-					client.archon.sockets.on(serverId, 'auth-ok', () => {}),
-					client.archon.sockets.on(serverId, 'installation-result', handleInstallationResult),
-					client.archon.sockets.on(serverId, 'backup-progress', handleBackupProgress),
-					client.archon.sockets.on(serverId, 'filesystem-ops', handleFilesystemOps),
-					client.archon.sockets.on(serverId, 'new-mod', handleNewMod),
-				]
-			})
-			.catch((error) => {
-				debug('[id.vue] Failed to connect WebSocket:', error)
-				isConnected.value = false
-				isLoading.value = false
-			})
-	}
-
-	if (serverData.value?.flows?.intro && serverProject.value) {
-		client.archon.servers_v1.endIntro(serverId).then(() => {
-			queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-		})
-	}
-}
-
-onMounted(() => {
-	isMounted.value = true
-
-	// serverData comes from useQuery and may not be available yet at mount time.
-	// Wait for it before initializing WebSocket, node reachability, etc.
-	if (serverData.value) {
-		initializeServer()
-	} else {
-		const stopWatch = watch(serverData, (data) => {
-			if (data) {
-				stopWatch()
-				initializeServer()
-			}
-		})
-	}
-
-	void initializeIntercom()
-
-	DOMPurify.addHook(
-		'afterSanitizeAttributes',
-		(node: {
-			tagName: string
-			getAttribute: (arg0: string) => any
-			setAttribute: (arg0: string, arg1: string) => void
-		}) => {
-			if (node.tagName === 'A' && node.getAttribute('target')) {
-				node.setAttribute('rel', 'noopener noreferrer')
-			}
-		},
-	)
-
-	if (surveyNotice.value) {
-		showSurvey()
-	}
-})
-
-onUnmounted(() => {
-	cleanup()
-})
-
 definePageMeta({
 	middleware: 'auth',
 })
@@ -1544,48 +87,3 @@ useHead({
 	],
 })
 </script>
-
-<style>
-@keyframes server-action-buttons-anim {
-	0% {
-		opacity: 0;
-		transform: translateX(1rem);
-	}
-
-	100% {
-		opacity: 1;
-		transform: none;
-	}
-}
-
-.server-action-buttons-anim {
-	animation: server-action-buttons-anim 0.2s ease-out;
-}
-
-.mobile-blurred-servericon::before {
-	position: absolute;
-	left: 0;
-	top: 0;
-	display: block;
-	height: 9rem;
-	width: 100%;
-	background-size: cover;
-	background-position: center;
-	background-repeat: no-repeat;
-	filter: blur(1rem);
-	content: '';
-	background-image:
-		linear-gradient(
-			to bottom,
-			rgba(from var(--color-raised-bg) r g b / 0.2),
-			rgb(from var(--color-raised-bg) r g b / 0.8)
-		),
-		var(--server-bg-image);
-}
-
-@media screen and (min-width: 640px) {
-	.mobile-blurred-servericon::before {
-		display: none;
-	}
-}
-</style>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/index.vue b/apps/frontend/src/pages/hosting/manage/[id]/index.vue
index 46e19ea11..9b4ae555c 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/index.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/index.vue
@@ -1,728 +1,13 @@
-<template>
-	<div class="relative flex select-none flex-col gap-6" data-pyro-server-manager-root>
-		<Admonition v-if="backupBusyReason" type="warning" :header="backupBusyReason">
-			Your server is still accessible during this time.
-		</Admonition>
-		<Admonition
-			v-if="inspectingError && isConnected && !isWsAuthIncorrect"
-			data-pyro-servers-inspecting-error
-			type="critical"
-			:header="`${serverData?.name} shut down unexpectedly.`"
-			dismissible
-			@dismiss="clearError"
-		>
-			<template v-if="inspectingError.analysis.problems.length">
-				<p class="m-0 text-sm opacity-80">
-					We automatically analyzed the logs and found the following:
-				</p>
-				<div class="mt-2 flex flex-col gap-2">
-					<div
-						v-for="problem in inspectingError.analysis.problems"
-						:key="problem.message"
-						class="bg-raised-bg/30 rounded-xl px-3 py-2"
-					>
-						<p class="m-0 text-sm font-semibold">{{ problem.message }}</p>
-						<ul v-if="problem.solutions.length" class="m-0 ml-4 mt-1.5 flex flex-col gap-1">
-							<li
-								v-for="solution in problem.solutions"
-								:key="solution.message"
-								class="text-sm opacity-80"
-							>
-								{{ solution.message }}
-							</li>
-						</ul>
-					</div>
-				</div>
-			</template>
-			<template v-else-if="props.serverPowerState === 'crashed'">
-				<template v-if="props.powerStateDetails?.oom_killed">
-					The server stopped because it ran out of memory. There may be a memory leak caused by a
-					mod or plugin, or you may need to upgrade your Modrinth Server.
-				</template>
-				<template v-else-if="props.powerStateDetails?.exit_code !== undefined">
-					Your server exited with code {{ props.powerStateDetails.exit_code }}.
-					<template v-if="props.powerStateDetails.exit_code === 1">
-						There may be a mod or plugin causing the issue, or an issue with your server
-						configuration.
-					</template>
-				</template>
-				<template v-else> We could not determine the specific cause of the crash. </template>
-				<p class="m-0 mt-2">You can try restarting the server.</p>
-			</template>
-			<template v-else>
-				We could not find any specific problems, but you can try restarting the server.
-			</template>
-		</Admonition>
-
-		<div class="flex flex-col-reverse gap-6 md:flex-col">
-			<ServerStats
-				:data="isConnected && !isWsAuthIncorrect ? stats : undefined"
-				:loading="!isConnected || isWsAuthIncorrect"
-			/>
-
-			<div
-				class="relative flex h-[700px] w-full flex-col gap-3 overflow-hidden rounded-2xl border border-divider bg-bg-raised p-4 transition-all duration-300 ease-in-out md:p-8"
-				:class="{ 'border-0': !isConnected || isWsAuthIncorrect }"
-			>
-				<div class="flex items-center justify-between">
-					<div class="flex items-center gap-4">
-						<h2 class="m-0 text-3xl font-extrabold text-contrast">Console</h2>
-						<PanelServerStatus v-if="isConnected && !isWsAuthIncorrect" :state="serverPowerState" />
-					</div>
-				</div>
-
-				<PanelTerminal :full-screen="fullScreen" :loading="!isConnected || isWsAuthIncorrect">
-					<div class="relative w-full px-4 pt-4">
-						<ul
-							v-if="suggestions.length && isConnected && !isWsAuthIncorrect"
-							id="command-suggestions"
-							ref="suggestionsList"
-							class="mt-1 max-h-60 w-full list-none overflow-auto rounded-md border border-divider bg-bg-raised p-0 shadow-lg"
-							role="listbox"
-						>
-							<li
-								v-for="(suggestion, index) in suggestions"
-								:id="'suggestion-' + index"
-								:key="index"
-								role="option"
-								:aria-selected="index === selectedSuggestionIndex"
-								:class="[
-									'cursor-pointer px-4 py-2',
-									index === selectedSuggestionIndex ? 'bg-bg-raised' : 'bg-bg',
-								]"
-								@click="selectSuggestion(index)"
-								@mousemove="() => (selectedSuggestionIndex = index)"
-							>
-								{{ suggestion }}
-							</li>
-						</ul>
-						<div class="relative flex items-center">
-							<span
-								v-if="bestSuggestion && isConnected && !isWsAuthIncorrect"
-								class="pointer-events-none absolute left-[26px] transform select-none text-gray-400"
-							>
-								<span class="ml-[23.5px] whitespace-pre">{{
-									' '.repeat(commandInput.length - 1)
-								}}</span>
-								<span> {{ bestSuggestion }} </span>
-								<button
-									class="text pointer-events-auto ml-2 cursor-pointer rounded-md border-none bg-white text-sm focus:outline-none dark:bg-highlight"
-									aria-label="Accept suggestion"
-									style="transform: translateY(-1px)"
-									@click="acceptSuggestion"
-								>
-									TAB
-								</button>
-							</span>
-							<div
-								class="pointer-events-none absolute left-0 top-0 flex h-full w-full items-center"
-							>
-								<TerminalSquareIcon class="ml-3 h-5 w-5" />
-							</div>
-							<input
-								v-if="isServerRunning && isConnected && !isWsAuthIncorrect"
-								v-model="commandInput"
-								type="text"
-								placeholder="Send a command"
-								class="w-full rounded-md !pl-10 pt-4 focus:border-none [&&]:border-[1px] [&&]:border-solid [&&]:border-bg-raised [&&]:bg-bg"
-								aria-autocomplete="list"
-								aria-controls="command-suggestions"
-								spellcheck="false"
-								:aria-activedescendant="'suggestion-' + selectedSuggestionIndex"
-								@keydown.tab.prevent="acceptSuggestion"
-								@keydown.down.prevent="selectNextSuggestion"
-								@keydown.up.prevent="selectPrevSuggestion"
-								@keydown.enter.prevent="sendCommand"
-							/>
-							<input
-								v-else
-								disabled
-								type="text"
-								placeholder="Send a command"
-								class="w-full rounded-md !pl-10 focus:border-none [&&]:border-[1px] [&&]:border-solid [&&]:border-bg-raised [&&]:bg-bg"
-							/>
-						</div>
-					</div>
-				</PanelTerminal>
-			</div>
-		</div>
-
-		<div
-			v-if="isWsAuthIncorrect"
-			class="absolute inset-0 flex flex-col items-center justify-center bg-bg"
-		>
-			<h2>Could not connect to the server.</h2>
-			<p>
-				An error occurred while attempting to connect to your server. Please try refreshing the
-				page. (WebSocket Authentication Failed)
-			</p>
-		</div>
-	</div>
-</template>
-
 <script setup lang="ts">
-import { TerminalSquareIcon } from '@modrinth/assets'
-import {
-	Admonition,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	useVIntl,
-} from '@modrinth/ui'
-import type { ServerState, Stats } from '@modrinth/utils'
+import { injectModrinthServerContext, ServersManageOverviewPage } from '@modrinth/ui'
 
-import PanelServerStatus from '~/components/ui/servers/PanelServerStatus.vue'
-import PanelTerminal from '~/components/ui/servers/PanelTerminal.vue'
-import ServerStats from '~/components/ui/servers/ServerStats.vue'
-
-type ServerProps = {
-	isConnected: boolean
-	isWsAuthIncorrect: boolean
-	stats: Stats
-	serverPowerState: ServerState
-	powerStateDetails?: {
-		oom_killed?: boolean
-		exit_code?: number
-	}
-	isServerRunning: boolean
-}
-
-const props = defineProps<ServerProps>()
-
-const { formatMessage } = useVIntl()
-const client = injectModrinthClient()
-const { server: serverData, serverId, busyReasons } = injectModrinthServerContext()
-
-const backupBusyReason = computed(() => {
-	const reason = busyReasons.value.find(
-		(r) =>
-			r.reason.id === 'servers.busy.backup-creating' ||
-			r.reason.id === 'servers.busy.backup-restoring',
-	)
-	return reason ? formatMessage(reason.reason) : null
-})
-
-interface ErrorData {
-	id: string
-	name: string
-	type: string
-	version: string
-	title: string
-	analysis: {
-		problems: Array<{
-			message: string
-			counter: number
-			entry: {
-				level: number
-				time: string | null
-				prefix: string
-				lines: Array<{ number: number; content: string }>
-			}
-			solutions: Array<{ message: string }>
-		}>
-		information: Array<{
-			message: string
-			counter: number
-			label: string
-			value: string
-			entry: {
-				level: number
-				time: string | null
-				prefix: string
-				lines: Array<{ number: number; content: string }>
-			}
-		}>
-	}
-}
-
-const inspectingError = ref<ErrorData | null>(null)
-
-const inspectError = async () => {
-	try {
-		const blob = await client.kyros.files_v0.downloadFile('/logs/latest.log')
-		const log = await blob.text()
-		if (!log) return
-
-		// @ts-ignore
-		const response = await $fetch(`https://api.mclo.gs/1/analyse`, {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/x-www-form-urlencoded',
-			},
-			body: new URLSearchParams({
-				content: log,
-			}),
-		})
-
-		// @ts-ignore
-		if (response && response.analysis && Array.isArray(response.analysis.problems)) {
-			inspectingError.value = response as ErrorData
-		} else {
-			inspectingError.value = null
-		}
-	} catch (error) {
-		console.error('Failed to analyze logs:', error)
-		inspectingError.value = null
-	}
-}
-
-const clearError = () => {
-	inspectingError.value = null
-}
-
-watch(
-	() => props.serverPowerState,
-	(newVal) => {
-		if (newVal === 'crashed' && !props.powerStateDetails?.oom_killed) {
-			inspectError()
-		} else {
-			clearError()
-		}
-	},
-)
-
-if (props.serverPowerState === 'crashed' && !props.powerStateDetails?.oom_killed) {
-	inspectError()
-}
-
-const DYNAMIC_ARG = Symbol('DYNAMIC_ARG')
-
-const commandTree: any = {
-	advancement: {
-		grant: {
-			[DYNAMIC_ARG]: {
-				everything: null,
-				only: {
-					[DYNAMIC_ARG]: null,
-				},
-				from: {
-					[DYNAMIC_ARG]: null,
-				},
-				through: {
-					[DYNAMIC_ARG]: null,
-				},
-				until: {
-					[DYNAMIC_ARG]: null,
-				},
-			},
-		},
-		revoke: {
-			[DYNAMIC_ARG]: {
-				everything: null,
-				only: {
-					[DYNAMIC_ARG]: null,
-				},
-				from: {
-					[DYNAMIC_ARG]: null,
-				},
-				through: {
-					[DYNAMIC_ARG]: null,
-				},
-				until: {
-					[DYNAMIC_ARG]: null,
-				},
-			},
-		},
-	},
-	ban: {
-		[DYNAMIC_ARG]: {
-			[DYNAMIC_ARG]: null,
-			duration: {
-				[DYNAMIC_ARG]: null,
-			},
-		},
-	},
-	'ban-ip': null,
-	banlist: {
-		ips: null,
-		players: null,
-		all: null,
-	},
-	bossbar: {
-		add: null,
-		get: null,
-		list: null,
-		remove: null,
-		set: null,
-	},
-	clear: {
-		[DYNAMIC_ARG]: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: null,
-				reason: null,
-			},
-		},
-	},
-	clone: null,
-	data: {
-		get: null,
-		merge: null,
-		modify: null,
-		remove: null,
-	},
-	datapack: {
-		disable: null,
-		enable: null,
-		list: null,
-		reload: null,
-	},
-	debug: {
-		start: null,
-		stop: null,
-		function: null,
-		memory: null,
-	},
-	defaultgamemode: {
-		survival: null,
-		creative: null,
-		adventure: null,
-		spectator: null,
-	},
-	deop: null,
-	difficulty: {
-		peaceful: null,
-		easy: null,
-		normal: null,
-		hard: null,
-	},
-	effect: {
-		give: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: {
-					[DYNAMIC_ARG]: {
-						[DYNAMIC_ARG]: {
-							true: null,
-							false: null,
-						},
-					},
-				},
-			},
-		},
-		clear: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: null,
-			},
-		},
-	},
-	enchant: null,
-	execute: null,
-	experience: {
-		add: null,
-		set: null,
-		query: null,
-	},
-	fill: null,
-	forceload: {
-		add: null,
-		remove: null,
-		query: null,
-	},
-	function: null,
-	gamemode: {
-		survival: {
-			[DYNAMIC_ARG]: null,
-		},
-		creative: {
-			[DYNAMIC_ARG]: null,
-		},
-		adventure: {
-			[DYNAMIC_ARG]: null,
-		},
-		spectator: {
-			[DYNAMIC_ARG]: null,
-		},
-	},
-	gamerule: null,
-	give: {
-		[DYNAMIC_ARG]: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: null,
-			},
-		},
-	},
-	help: null,
-	kick: null,
-	kill: {
-		[DYNAMIC_ARG]: null,
-	},
-	list: null,
-	locate: {
-		biome: null,
-		poi: null,
-		structure: null,
-	},
-	loot: {
-		give: null,
-		insert: null,
-		replace: null,
-		spawn: null,
-	},
-	me: null,
-	msg: null,
-	op: null,
-	pardon: null,
-	'pardon-ip': null,
-	particle: null,
-	playsound: null,
-	recipe: {
-		give: null,
-		take: null,
-	},
-	reload: null,
-	say: null,
-	schedule: {
-		function: null,
-		clear: null,
-	},
-	scoreboard: {
-		objectives: {
-			add: null,
-			remove: null,
-			setdisplay: null,
-			list: null,
-			modify: null,
-		},
-		players: {
-			add: null,
-			remove: null,
-			set: null,
-			get: null,
-			list: null,
-			enable: null,
-			operation: null,
-			reset: null,
-		},
-	},
-	seed: null,
-	setblock: null,
-	setidletimeout: null,
-	setworldspawn: null,
-	spawnpoint: null,
-	spectate: null,
-	spreadplayers: null,
-	stop: null,
-	stopsound: null,
-	summon: null,
-	tag: {
-		add: null,
-		list: null,
-		remove: null,
-	},
-	team: {
-		add: null,
-		empty: null,
-		join: null,
-		leave: null,
-		list: null,
-		modify: null,
-		remove: null,
-	},
-	teleport: {
-		[DYNAMIC_ARG]: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: {
-					[DYNAMIC_ARG]: null,
-				},
-			},
-		},
-	},
-	tp: {
-		[DYNAMIC_ARG]: {
-			[DYNAMIC_ARG]: {
-				[DYNAMIC_ARG]: null,
-			},
-		},
-	},
-	trigger: null,
-	weather: {
-		clear: {
-			[DYNAMIC_ARG]: null,
-		},
-		rain: {
-			[DYNAMIC_ARG]: null,
-		},
-		thunder: {
-			[DYNAMIC_ARG]: null,
-		},
-	},
-	whitelist: {
-		add: null,
-		list: null,
-		off: null,
-		on: null,
-		reload: null,
-		remove: null,
-	},
-	worldborder: {
-		add: null,
-		center: null,
-		damage: {
-			amount: null,
-			buffer: null,
-		},
-		get: null,
-		set: null,
-		warning: {
-			distance: null,
-			time: null,
-		},
-	},
-	xp: null,
-}
-
-const fullScreen = ref(false)
-const commandInput = ref('')
-const suggestions = ref<string[]>([])
-const selectedSuggestionIndex = ref(0)
-
-// const serverIP = computed(() => serverData.value?.net.ip ?? "");
-// const serverPort = computed(() => serverData.value?.net.port ?? 0);
-// const serverDomain = computed(() => serverData.value?.net.domain ?? "");
-
-const suggestionsList = ref<HTMLUListElement | null>(null)
+const { server } = injectModrinthServerContext()
 
 useHead({
-	title: `Overview - ${serverData.value?.name ?? 'Server'} - Modrinth`,
+	title: computed(() => `Overview - ${server.value?.name ?? 'Server'} - Modrinth`),
 })
-
-const bestSuggestion = computed(() => {
-	if (!suggestions.value.length) return ''
-	const inputTokens = commandInput.value.trim().split(/\s+/)
-	let lastInputToken = inputTokens[inputTokens.length - 1] || ''
-	if (inputTokens.length - 1 === 0 && lastInputToken.startsWith('/')) {
-		lastInputToken = lastInputToken.slice(1)
-	}
-	const selectedSuggestion = suggestions.value[selectedSuggestionIndex.value]
-	const suggestionTokens = selectedSuggestion.split(/\s+/)
-	const lastSuggestionToken = suggestionTokens[suggestionTokens.length - 1] || ''
-	if (lastSuggestionToken.toLowerCase().startsWith(lastInputToken.toLowerCase())) {
-		return lastSuggestionToken.slice(lastInputToken.length)
-	}
-	return ''
-})
-
-const getSuggestions = (input: string): string[] => {
-	const trimmedInput = input.trim()
-	const inputWithoutSlash = trimmedInput.startsWith('/') ? trimmedInput.slice(1) : trimmedInput
-	const tokens = inputWithoutSlash.split(/\s+/)
-	let currentLevel: any = commandTree
-
-	for (let i = 0; i < tokens.length; i++) {
-		const token = tokens[i].toLowerCase()
-		if (currentLevel?.[token]) {
-			currentLevel = currentLevel[token] as any
-		} else if (currentLevel?.[DYNAMIC_ARG]) {
-			currentLevel = currentLevel[DYNAMIC_ARG] as any
-		} else {
-			if (i === tokens.length - 1) {
-				break
-			}
-			currentLevel = null
-			break
-		}
-	}
-
-	if (currentLevel) {
-		const lastToken = tokens[tokens.length - 1]?.toLowerCase() || ''
-		const possibleKeys = Object.keys(currentLevel)
-		if (currentLevel[DYNAMIC_ARG]) {
-			possibleKeys.push('<arg>')
-		}
-		return possibleKeys
-			.filter((key) => key === '<arg>' || key.toLowerCase().startsWith(lastToken))
-			.filter((k) => k !== lastToken.trim())
-			.map((key) => {
-				if (key === '<arg>') {
-					return [...tokens.slice(0, -1), '<arg>'].join(' ')
-				}
-				const newTokens = [...tokens.slice(0, -1), key]
-				return newTokens.join(' ')
-			})
-	}
-
-	return []
-}
-
-const sendCommand = () => {
-	const cmd = commandInput.value.trim()
-	if (!props.isConnected || !cmd) return
-	try {
-		sendConsoleCommand(cmd)
-		commandInput.value = ''
-		suggestions.value = []
-		selectedSuggestionIndex.value = 0
-	} catch (error) {
-		console.error('Error sending command:', error)
-	}
-}
-
-const sendConsoleCommand = (cmd: string) => {
-	try {
-		client.archon.sockets.send(serverId, { event: 'command', cmd })
-	} catch (error) {
-		console.error('Error sending command:', error)
-	}
-}
-
-watch(
-	() => selectedSuggestionIndex.value,
-	(newVal) => {
-		if (suggestionsList.value) {
-			const selectedSuggestion = suggestionsList.value.querySelector(`#suggestion-${newVal}`)
-			if (selectedSuggestion) {
-				selectedSuggestion.scrollIntoView({ block: 'nearest' })
-			}
-		}
-	},
-)
-
-watch(
-	() => commandInput.value,
-	(newVal) => {
-		const trimmed = newVal.trim()
-		if (!trimmed) {
-			suggestions.value = []
-			return
-		}
-		suggestions.value = getSuggestions(newVal)
-		selectedSuggestionIndex.value = 0
-	},
-)
-
-const selectNextSuggestion = () => {
-	if (suggestions.value.length === 0) return
-	selectedSuggestionIndex.value = (selectedSuggestionIndex.value + 1) % suggestions.value.length
-}
-
-const selectPrevSuggestion = () => {
-	if (suggestions.value.length === 0) return
-	selectedSuggestionIndex.value =
-		(selectedSuggestionIndex.value - 1 + suggestions.value.length) % suggestions.value.length
-}
-
-const acceptSuggestion = () => {
-	if (suggestions.value.filter((s) => s !== '<arg>').length === 0) return
-	const selected = suggestions.value[selectedSuggestionIndex.value]
-	const currentTokens = commandInput.value.trim().split(' ')
-	const suggestionTokens = selected.split(/\s+/).filter(Boolean)
-
-	// check if last current token is in command tree if so just add to the end
-	if (currentTokens[currentTokens.length - 1].toLowerCase() === suggestionTokens[0].toLowerCase()) {
-		/* empty */
-	} else {
-		const offset = currentTokens.length - 1 === 0 && currentTokens[0].trim().startsWith('/') ? 1 : 0
-		commandInput.value =
-			commandInput.value +
-			suggestionTokens[suggestionTokens.length - 1].substring(
-				currentTokens[currentTokens.length - 1].length - offset,
-			) +
-			' '
-		suggestions.value = getSuggestions(commandInput.value)
-		selectedSuggestionIndex.value = 0
-	}
-}
-
-const selectSuggestion = (index: number) => {
-	selectedSuggestionIndex.value = index
-	acceptSuggestion()
-}
 </script>
+
+<template>
+	<ServersManageOverviewPage />
+</template>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options.vue b/apps/frontend/src/pages/hosting/manage/[id]/options.vue
deleted file mode 100644
index 9d4697de0..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-	<div class="flex flex-col gap-4">
-		<ServerSidebar :route="route" :nav-links="navLinks" />
-	</div>
-</template>
-<script setup lang="ts">
-import {
-	CardIcon,
-	InfoIcon,
-	ListIcon,
-	ModrinthIcon,
-	SettingsIcon,
-	TextQuoteIcon,
-	UserIcon,
-	VersionIcon,
-	WrenchIcon,
-} from '@modrinth/assets'
-import { injectModrinthServerContext } from '@modrinth/ui'
-import { isAdmin as isUserAdmin, type User } from '@modrinth/utils'
-
-import ServerSidebar from '~/components/ui/servers/ServerSidebar.vue'
-
-const route = useRoute()
-const serverId = route.params.id as string
-const auth = await useAuth()
-
-const { server } = injectModrinthServerContext()
-
-useHead({
-	title: `Options - ${server.value?.name ?? 'Server'} - Modrinth`,
-})
-
-const ownerId = computed(() => server.value?.owner_id ?? 'Ghost')
-const isOwner = computed(() => (auth.value?.user as User | null)?.id === ownerId.value)
-const isAdmin = computed(() => isUserAdmin(auth.value?.user))
-
-const navLinks = computed(() => [
-	{ icon: SettingsIcon, label: 'General', href: `/hosting/manage/${serverId}/options` },
-	{ icon: WrenchIcon, label: 'Platform', href: `/hosting/manage/${serverId}/options/loader` },
-	{ icon: TextQuoteIcon, label: 'Startup', href: `/hosting/manage/${serverId}/options/startup` },
-	{ icon: VersionIcon, label: 'Network', href: `/hosting/manage/${serverId}/options/network` },
-	{
-		icon: ListIcon,
-		label: 'Properties',
-		href: `/hosting/manage/${serverId}/options/properties`,
-		shown: server.value?.status !== 'installing',
-	},
-	{
-		icon: UserIcon,
-		label: 'Preferences',
-		href: `/hosting/manage/${serverId}/options/preferences`,
-	},
-	{
-		icon: CardIcon,
-		label: 'Billing',
-		href: `/settings/billing#server-${serverId}`,
-		external: true,
-		shown: isOwner.value,
-	},
-	{
-		icon: ModrinthIcon,
-		label: 'Admin Billing',
-		href: `/admin/billing/${ownerId.value}`,
-		external: true,
-		shown: isAdmin.value,
-	},
-	{ icon: InfoIcon, label: 'Info', href: `/hosting/manage/${serverId}/options/info` },
-])
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/billing.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/billing.vue
deleted file mode 100644
index db707f8a1..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/billing.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-	<div class="universal-card">
-		<p>You can manage your server's billing from Settings > Billing and subscriptions.</p>
-		<ButtonStyled>
-			<NuxtLink to="/settings/billing">Go to Billing</NuxtLink>
-		</ButtonStyled>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ButtonStyled } from '@modrinth/ui'
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/index.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/index.vue
deleted file mode 100644
index 09d45c96b..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/index.vue
+++ /dev/null
@@ -1,335 +0,0 @@
-<template>
-	<div class="relative h-full w-full overflow-y-auto">
-		<div v-if="data" class="flex h-full w-full flex-col">
-			<div class="gap-2">
-				<div class="card flex flex-col gap-4">
-					<label for="server-name-field" class="flex flex-col gap-2">
-						<span class="text-lg font-bold text-contrast">Server name</span>
-						<span> This name is only visible on Modrinth.</span>
-					</label>
-					<div class="flex flex-col gap-2">
-						<StyledInput
-							id="server-name-field"
-							v-model="serverName"
-							wrapper-class="w-full md:w-[50%]"
-							:maxlength="48"
-							@keyup.enter="!serverName && saveGeneral"
-						/>
-						<span v-if="!serverName" class="text-sm text-rose-400">
-							Server name must be at least 1 character long.
-						</span>
-						<span v-if="!isValidServerName" class="text-sm text-rose-400">
-							Server name can contain any character.
-						</span>
-					</div>
-				</div>
-				<!-- WIP - disable for now
-        <div class="card flex flex-col gap-4">
-          <label for="server-motd-field" class="flex flex-col gap-2">
-            <span class="text-lg font-bold text-contrast">Server MOTD</span>
-            <span>
-              The message of the day is the message that players see when they log in to the server.
-            </span>
-          </label>
-          <UiServersMOTDEditor :server="props.server" />
-        </div>
-        -->
-
-				<div class="card flex flex-col gap-4">
-					<label for="server-subdomain" class="flex flex-col gap-2">
-						<span class="text-lg font-bold text-contrast">Custom URL</span>
-						<span> Your friends can connect to your server using this URL. </span>
-					</label>
-					<div class="flex w-full items-center gap-2 md:w-[60%]">
-						<StyledInput
-							id="server-subdomain"
-							v-model="serverSubdomain"
-							wrapper-class="h-[50%] w-[63%]"
-							:maxlength="32"
-							@keyup.enter="saveGeneral"
-						/>
-						.modrinth.gg
-					</div>
-					<div v-if="!isValidSubdomain" class="flex flex-col text-sm text-rose-400">
-						<span v-if="!isValidLengthSubdomain">
-							Subdomain must be at least 5 characters long.
-						</span>
-						<span v-if="!isValidCharsSubdomain">
-							Subdomain can only contain alphanumeric characters and dashes.
-						</span>
-					</div>
-				</div>
-
-				<div v-if="!data.is_medal" class="card flex flex-col gap-4">
-					<label for="server-icon-field" class="flex flex-col gap-2">
-						<span class="text-lg font-bold text-contrast">Server icon</span>
-						<span> This icon will be visible on the Minecraft server list and on Modrinth. </span>
-					</label>
-					<div class="flex gap-4">
-						<div
-							v-tooltip="'Upload a custom Icon'"
-							class="group relative flex w-fit cursor-pointer items-center gap-2 rounded-xl bg-table-alternateRow"
-							@dragover.prevent="onDragOver"
-							@dragleave.prevent="onDragLeave"
-							@drop.prevent="onDrop"
-							@click="triggerFileInput"
-						>
-							<input
-								v-if="icon"
-								id="server-icon-field"
-								type="file"
-								accept="image/png,image/jpeg,image/gif,image/webp"
-								hidden
-								@change="uploadFile"
-							/>
-							<div
-								class="absolute top-0 hidden size-24 flex-col items-center justify-center rounded-xl bg-button-bg p-2 opacity-80 group-hover:flex"
-							>
-								<EditIcon class="h-8 w-8 text-contrast" />
-							</div>
-							<ServerIcon class="size-24" :image="icon" />
-						</div>
-						<ButtonStyled>
-							<button
-								v-tooltip="'Synchronize icon with installed modpack'"
-								class="my-auto"
-								@click="resetIcon"
-							>
-								<TransferIcon /> Sync icon
-							</button>
-						</ButtonStyled>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div v-else />
-		<SaveBanner
-			:is-visible="!!hasUnsavedChanges && !!isValidServerName"
-			:server-id="serverId"
-			:is-updating="isUpdating || busyReasons.length > 0"
-			:save="saveGeneral"
-			:reset="resetGeneral"
-		/>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { EditIcon, TransferIcon } from '@modrinth/assets'
-import {
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	ServerIcon,
-	StyledInput,
-} from '@modrinth/ui'
-import ButtonStyled from '@modrinth/ui/src/components/base/ButtonStyled.vue'
-import { useQueryClient } from '@tanstack/vue-query'
-
-import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
-
-const { addNotification } = injectNotificationManager()
-const client = injectModrinthClient()
-const { server, serverId, busyReasons } = injectModrinthServerContext()
-const queryClient = useQueryClient()
-
-const data = server
-const serverName = ref(data.value?.name)
-const serverSubdomain = ref(data.value?.net?.domain ?? '')
-const isValidLengthSubdomain = computed(() => serverSubdomain.value.length >= 5)
-const isValidCharsSubdomain = computed(() => /^[a-zA-Z0-9-]+$/.test(serverSubdomain.value))
-const isValidSubdomain = computed(() => isValidLengthSubdomain.value && isValidCharsSubdomain.value)
-const icon = useState<string | undefined>(`server-icon-${serverId}`)
-
-const isUpdating = ref(false)
-const hasUnsavedChanges = computed(
-	() =>
-		(serverName.value && serverName.value !== data.value?.name) ||
-		serverSubdomain.value !== data.value?.net?.domain,
-)
-const isValidServerName = computed(() => (serverName.value?.length ?? 0) > 0)
-
-watch(serverName, (oldValue) => {
-	if (!isValidServerName.value) {
-		serverName.value = oldValue
-	}
-})
-
-const saveGeneral = async () => {
-	if (!isValidServerName.value || !isValidSubdomain.value) return
-
-	try {
-		isUpdating.value = true
-		if (serverName.value !== data.value?.name) {
-			await client.archon.servers_v0.updateName(serverId, serverName.value ?? '')
-		}
-		if (serverSubdomain.value !== data.value?.net?.domain) {
-			try {
-				const result = await client.archon.servers_v0.checkSubdomainAvailability(
-					serverSubdomain.value,
-				)
-				const available = result.available
-
-				if (!available) {
-					addNotification({
-						type: 'error',
-						title: 'Subdomain not available',
-						text: 'The subdomain you entered is already in use.',
-					})
-					return
-				}
-
-				await client.archon.servers_v0.changeSubdomain(serverId, serverSubdomain.value)
-			} catch (error) {
-				console.error('Error checking subdomain availability:', error)
-				addNotification({
-					type: 'error',
-					title: 'Error checking availability',
-					text: 'Failed to verify if the subdomain is available.',
-				})
-				return
-			}
-		}
-		await new Promise((resolve) => setTimeout(resolve, 500))
-		await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-		addNotification({
-			type: 'success',
-			title: 'Server settings updated',
-			text: 'Your server settings were successfully changed.',
-		})
-	} catch (error) {
-		console.error(error)
-		addNotification({
-			type: 'error',
-			title: 'Failed to update server settings',
-			text: 'An error occurred while attempting to update your server settings.',
-		})
-	} finally {
-		isUpdating.value = false
-	}
-}
-
-const resetGeneral = () => {
-	serverName.value = data.value?.name || ''
-	serverSubdomain.value = data.value?.net?.domain ?? ''
-}
-
-const uploadFile = async (e: Event) => {
-	const file = (e.target as HTMLInputElement).files?.[0]
-	if (!file) {
-		addNotification({
-			type: 'error',
-			title: 'No file selected',
-			text: 'Please select a file to upload.',
-		})
-		return
-	}
-
-	const scaledFile = await new Promise<File>((resolve, reject) => {
-		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((blob) => {
-				if (blob) {
-					resolve(new File([blob], 'server-icon.png', { type: 'image/png' }))
-				} else {
-					reject(new Error('Canvas toBlob failed'))
-				}
-			}, 'image/png')
-			URL.revokeObjectURL(img.src)
-		}
-		img.onerror = reject
-		img.src = URL.createObjectURL(file)
-	})
-
-	try {
-		if (icon.value) {
-			await client.kyros.files_v0.deleteFileOrFolder('/server-icon.png', false)
-			await client.kyros.files_v0.deleteFileOrFolder('/server-icon-original.png', false)
-		}
-
-		await client.kyros.files_v0.uploadFile('/server-icon.png', scaledFile).promise
-		await client.kyros.files_v0.uploadFile('/server-icon-original.png', file).promise
-
-		const canvas = document.createElement('canvas')
-		const ctx = canvas.getContext('2d')
-		const img = new Image()
-		await new Promise<void>((resolve) => {
-			img.onload = () => {
-				canvas.width = 512
-				canvas.height = 512
-				ctx?.drawImage(img, 0, 0, 512, 512)
-				const dataURL = canvas.toDataURL('image/png')
-				useState(`server-icon-${serverId}`).value = dataURL
-				resolve()
-				URL.revokeObjectURL(img.src)
-			}
-			img.src = URL.createObjectURL(file)
-		})
-
-		addNotification({
-			type: 'success',
-			title: 'Server icon updated',
-			text: 'Your server icon was successfully changed.',
-		})
-	} catch (error) {
-		console.error('Error uploading icon:', error)
-		addNotification({
-			type: 'error',
-			title: 'Upload failed',
-			text: 'Failed to upload server icon.',
-		})
-	}
-}
-
-const resetIcon = async () => {
-	if (icon.value) {
-		try {
-			await client.kyros.files_v0.deleteFileOrFolder('/server-icon.png', false)
-			await client.kyros.files_v0.deleteFileOrFolder('/server-icon-original.png', false)
-
-			useState(`server-icon-${serverId}`).value = undefined
-
-			await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-
-			addNotification({
-				type: 'success',
-				title: 'Server icon reset',
-				text: 'Your server icon was successfully reset.',
-			})
-		} catch (error) {
-			console.error('Error resetting icon:', error)
-			addNotification({
-				type: 'error',
-				title: 'Reset failed',
-				text: 'Failed to reset server icon.',
-			})
-		}
-	}
-}
-
-const onDragOver = (e: DragEvent) => {
-	e.preventDefault()
-}
-
-const onDragLeave = (e: DragEvent) => {
-	e.preventDefault()
-}
-
-const onDrop = (e: DragEvent) => {
-	e.preventDefault()
-	uploadFile(e)
-}
-
-const triggerFileInput = () => {
-	const input = document.createElement('input')
-	input.type = 'file'
-	input.id = 'server-icon-field'
-	input.accept = 'image/png,image/jpeg,image/gif,image/webp'
-	input.onchange = uploadFile
-	input.click()
-}
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
deleted file mode 100644
index 35f89ad0b..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-	<div class="h-full w-full gap-2 overflow-y-auto">
-		<div class="card">
-			<div class="flex flex-col gap-4">
-				<div class="flex flex-col justify-between gap-4 sm:flex-row">
-					<label class="flex flex-col gap-2">
-						<span class="text-lg font-bold text-contrast">SFTP</span>
-						<span> SFTP allows you to access your server's files from outside of Modrinth. </span>
-					</label>
-					<ButtonStyled>
-						<a
-							v-tooltip="'This button only works with compatible SFTP clients (e.g. WinSCP)'"
-							class="!w-full sm:!w-auto"
-							:href="sftpUrl"
-							target="_blank"
-						>
-							<ExternalIcon class="h-5 w-5" />
-							Launch SFTP
-						</a>
-					</ButtonStyled>
-				</div>
-
-				<div
-					class="flex w-full flex-row justify-between gap-2 rounded-xl bg-table-alternateRow p-4"
-				>
-					<div class="flex flex-col gap-2">
-						<span class="cursor-pointer font-bold text-contrast">
-							{{ data?.sftp_host }}
-						</span>
-
-						<span class="text-xs text-secondary">Server Address</span>
-					</div>
-
-					<ButtonStyled type="transparent">
-						<button
-							v-tooltip="'Copy SFTP server address'"
-							@click="copyToClipboard('Server address', data?.sftp_host)"
-						>
-							<CopyIcon class="h-5 w-5 hover:cursor-pointer" />
-						</button>
-					</ButtonStyled>
-				</div>
-				<div class="-mt-2 flex flex-col gap-2 sm:mt-0 sm:flex-row">
-					<div
-						class="flex w-full flex-col justify-center gap-2 rounded-xl bg-table-alternateRow px-4 py-2"
-					>
-						<div class="flex h-8 items-center justify-between">
-							<span class="font-bold text-contrast">
-								{{ data?.sftp_username }}
-							</span>
-
-							<ButtonStyled type="transparent">
-								<button
-									v-tooltip="'Copy SFTP username'"
-									@click="copyToClipboard('Username', data?.sftp_username)"
-								>
-									<CopyIcon class="h-5 w-5 hover:cursor-pointer" />
-								</button>
-							</ButtonStyled>
-						</div>
-						<span class="text-xs text-secondary">Username</span>
-					</div>
-					<div
-						class="flex w-full flex-col justify-center gap-2 rounded-xl bg-table-alternateRow p-4"
-					>
-						<div class="flex h-8 items-center justify-between">
-							<span class="font-bold text-contrast">
-								{{
-									showPassword ? data?.sftp_password : '*'.repeat(data?.sftp_password?.length ?? 0)
-								}}
-							</span>
-
-							<div class="flex flex-row items-center gap-1">
-								<ButtonStyled type="transparent">
-									<button
-										v-tooltip="'Copy SFTP password'"
-										@click="copyToClipboard('Password', data?.sftp_password)"
-									>
-										<CopyIcon class="h-5 w-5 hover:cursor-pointer" />
-									</button>
-								</ButtonStyled>
-								<ButtonStyled type="transparent">
-									<button
-										v-tooltip="showPassword ? 'Hide password' : 'Show password'"
-										@click="togglePassword"
-									>
-										<EyeIcon v-if="showPassword" class="h-5 w-5 hover:cursor-pointer" />
-										<EyeOffIcon v-else class="h-5 w-5 hover:cursor-pointer" />
-									</button>
-								</ButtonStyled>
-							</div>
-						</div>
-						<span class="text-xs text-secondary">Password</span>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="card">
-			<h2 class="text-xl font-bold">Info</h2>
-			<div class="rounded-xl bg-table-alternateRow p-4">
-				<table
-					class="min-w-full border-collapse overflow-hidden rounded-lg border-2 border-gray-300"
-				>
-					<tbody>
-						<tr v-for="property in properties" :key="property.name">
-							<td v-if="property.value !== 'Unknown'" class="py-3">
-								{{ property.name }}
-							</td>
-							<td v-if="property.value !== 'Unknown'" class="px-4">
-								<CopyCode :text="property.value" />
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { CopyIcon, ExternalIcon, EyeIcon, EyeOffIcon } from '@modrinth/assets'
-import {
-	ButtonStyled,
-	CopyCode,
-	injectModrinthServerContext,
-	injectNotificationManager,
-} from '@modrinth/ui'
-
-const { addNotification } = injectNotificationManager()
-const { server: data, serverId } = injectModrinthServerContext()
-const showPassword = ref(false)
-
-const sftpUrl = computed(() => `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`)
-
-const togglePassword = () => {
-	showPassword.value = !showPassword.value
-}
-
-const copyToClipboard = (name: string, textToCopy?: string) => {
-	navigator.clipboard.writeText(textToCopy || '')
-	addNotification({
-		type: 'success',
-		title: `${name} copied to clipboard!`,
-	})
-}
-
-const properties = [
-	{ name: 'Server ID', value: serverId ?? 'Unknown' },
-	{ name: 'Node', value: data.value?.node?.instance ?? 'Unknown' },
-	{ name: 'Kind', value: data.value?.upstream?.kind ?? data.value?.loader ?? 'Unknown' },
-	{ name: 'Project ID', value: data.value?.upstream?.project_id ?? 'Unknown' },
-	{ name: 'Version ID', value: data.value?.upstream?.version_id ?? 'Unknown' },
-]
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/network.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/network.vue
deleted file mode 100644
index f9fd5f60e..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/network.vue
+++ /dev/null
@@ -1,507 +0,0 @@
-<template>
-	<div class="contents">
-		<NewModal ref="newAllocationModal" header="New allocation">
-			<form class="flex flex-col gap-2 md:w-[600px]" @submit.prevent="addNewAllocation">
-				<label for="new-allocation-name" class="font-semibold text-contrast"> Name </label>
-				<StyledInput
-					id="new-allocation-name"
-					ref="newAllocationInput"
-					v-model="newAllocationName"
-					wrapper-class="w-full"
-					:maxlength="32"
-					placeholder="e.g. Secondary allocation"
-				/>
-				<div class="mb-1 mt-4 flex justify-start gap-4">
-					<ButtonStyled color="brand">
-						<button :disabled="!newAllocationName" type="submit">
-							<PlusIcon /> Create allocation
-						</button>
-					</ButtonStyled>
-					<ButtonStyled>
-						<button @click="newAllocationModal?.hide()">Cancel</button>
-					</ButtonStyled>
-				</div>
-			</form>
-		</NewModal>
-
-		<NewModal ref="editAllocationModal" header="Edit allocation">
-			<form class="flex flex-col gap-2 md:w-[600px]" @submit.prevent="editAllocation">
-				<label for="edit-allocation-name" class="font-semibold text-contrast"> Name </label>
-				<StyledInput
-					id="edit-allocation-name"
-					ref="editAllocationInput"
-					v-model="newAllocationName"
-					wrapper-class="w-full"
-					:maxlength="32"
-					placeholder="e.g. Secondary allocation"
-				/>
-				<div class="mb-1 mt-4 flex justify-start gap-4">
-					<ButtonStyled color="brand">
-						<button :disabled="!newAllocationName" type="submit">
-							<SaveIcon /> Update allocation
-						</button>
-					</ButtonStyled>
-					<ButtonStyled>
-						<button @click="editAllocationModal?.hide()">Cancel</button>
-					</ButtonStyled>
-				</div>
-			</form>
-		</NewModal>
-
-		<ConfirmModal
-			ref="confirmDeleteModal"
-			title="Deleting allocation"
-			:description="`You are deleting the allocation ${allocationToDelete}. This cannot be reserved again. Are you sure you want to proceed?`"
-			proceed-label="Delete"
-			@proceed="confirmDeleteAllocation"
-		/>
-
-		<div class="relative h-full w-full overflow-y-auto">
-			<div
-				v-if="allocationsError"
-				class="flex w-full flex-col items-center justify-center gap-4 p-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-orange p-4">
-								<IssuesIcon class="size-12 text-orange" />
-							</div>
-							<h1 class="m-0 mb-2 w-fit text-4xl font-bold">Failed to load network settings</h1>
-						</div>
-						<p class="text-lg text-secondary">
-							We couldn't load your server's network settings. Here's what we know:
-							<span class="break-all font-mono">{{
-								allocationsError?.message ?? 'Unknown error'
-							}}</span>
-						</p>
-						<ButtonStyled size="large" color="brand" @click="() => refetchAllocations()">
-							<button class="mt-6 !w-full">Retry</button>
-						</ButtonStyled>
-					</div>
-				</div>
-			</div>
-			<div v-else-if="data" class="flex h-full w-full flex-col justify-between gap-4">
-				<div class="flex h-full flex-col">
-					<!-- Subdomain section -->
-					<div class="card flex flex-col gap-4">
-						<div class="flex w-full flex-col items-center justify-between gap-4 sm:flex-row">
-							<label for="user-domain" class="flex flex-col gap-2">
-								<span class="text-lg font-bold text-contrast">Generated DNS records</span>
-								<span>
-									Set up your personal domain to connect to your server via custom DNS records.
-								</span>
-							</label>
-
-							<ButtonStyled>
-								<button
-									class="!w-full sm:!w-auto"
-									:disabled="userDomain == ''"
-									@click="exportDnsRecords"
-								>
-									<UploadIcon />
-									<span>Export DNS records</span>
-								</button>
-							</ButtonStyled>
-						</div>
-
-						<StyledInput
-							id="user-domain"
-							v-model="userDomain"
-							wrapper-class="w-full md:w-[50%]"
-							:maxlength="64"
-							:placeholder="exampleDomain"
-						/>
-
-						<div
-							class="flex max-w-full flex-none overflow-auto rounded-xl bg-table-alternateRow px-4 py-2"
-						>
-							<table
-								class="w-full flex-none border-collapse truncate rounded-lg border-2 border-gray-300"
-							>
-								<tbody class="w-full">
-									<tr v-for="record in dnsRecords" :key="record.content" class="w-full">
-										<td class="w-1/6 py-3 pr-4 md:w-1/5 md:pr-8 lg:w-1/4 lg:pr-12">
-											<div class="flex flex-col gap-1" @click="copyText(record.type)">
-												<span
-													class="text-md font-bold tracking-wide text-contrast hover:cursor-pointer"
-												>
-													{{ record.type }}
-												</span>
-												<span class="text-xs text-secondary">Type</span>
-											</div>
-										</td>
-										<td class="w-2/6 py-3 md:w-1/3">
-											<div class="flex flex-col gap-1" @click="copyText(record.name)">
-												<span
-													class="text-md truncate font-bold tracking-wide text-contrast hover:cursor-pointer"
-												>
-													{{ record.name }}
-												</span>
-												<span class="text-xs text-secondary">Name</span>
-											</div>
-										</td>
-										<td class="w-3/6 py-3 pl-4 md:w-5/12 lg:w-5/12">
-											<div class="flex flex-col gap-1" @click="copyText(record.content)">
-												<span
-													class="text-md w-fit truncate font-bold tracking-wide text-contrast hover:cursor-pointer"
-												>
-													{{ record.content }}
-												</span>
-												<span class="text-xs text-secondary">Content</span>
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-
-						<div class="flex items-center gap-2">
-							<InfoIcon class="hidden sm:block" />
-							<span class="text-sm text-secondary">
-								You must own your own domain to use this feature.
-							</span>
-						</div>
-					</div>
-
-					<!-- Allocations section -->
-					<div class="card flex flex-col gap-4">
-						<div class="flex w-full flex-col items-center justify-between gap-4 sm:flex-row">
-							<div class="flex flex-col gap-2">
-								<span class="text-lg font-bold text-contrast">Allocations</span>
-								<span>
-									Configure additional ports for internet-facing features like map viewers or voice
-									chat mods.
-								</span>
-							</div>
-
-							<ButtonStyled type="standard" @click="showNewAllocationModal">
-								<button class="!w-full sm:!w-auto">
-									<PlusIcon />
-									<span>New allocation</span>
-								</button>
-							</ButtonStyled>
-						</div>
-
-						<div class="flex w-full flex-col overflow-hidden rounded-xl bg-table-alternateRow p-4">
-							<!-- Primary allocation -->
-							<div class="flex flex-col justify-between gap-2 sm:flex-row sm:items-center">
-								<span class="text-md font-bold tracking-wide text-contrast">
-									Primary allocation
-								</span>
-
-								<CopyCode :text="`${serverIP}:${serverPrimaryPort}`" />
-							</div>
-						</div>
-
-						<div
-							v-if="allocations?.[0]"
-							class="flex w-full flex-col gap-4 overflow-hidden rounded-xl bg-table-alternateRow p-4"
-						>
-							<div
-								v-for="allocation in allocations"
-								:key="allocation.port"
-								class="border-border flex flex-col justify-between gap-4 sm:flex-row sm:items-center"
-							>
-								<div class="flex flex-row items-center gap-4">
-									<VersionIcon class="h-7 w-7 flex-none rotate-90" />
-									<div class="flex w-[20rem] flex-col justify-between sm:flex-row sm:items-center">
-										<div class="flex flex-col gap-1">
-											<span class="text-md font-bold tracking-wide text-contrast">
-												{{ allocation.name }}
-											</span>
-											<span class="hidden text-xs text-secondary sm:block">Name</span>
-										</div>
-										<div class="flex flex-col gap-1">
-											<span
-												class="text-md w-10 tracking-wide text-secondary sm:font-bold sm:text-contrast"
-											>
-												{{ allocation.port }}
-											</span>
-											<span class="hidden text-xs text-secondary sm:block">Port</span>
-										</div>
-									</div>
-								</div>
-
-								<div class="flex w-full flex-row items-center gap-2 sm:w-auto">
-									<CopyCode :text="`${serverIP}:${allocation.port}`" />
-									<ButtonStyled icon-only>
-										<button
-											class="!w-full sm:!w-auto"
-											@click="showEditAllocationModal(allocation.port)"
-										>
-											<EditIcon />
-										</button>
-									</ButtonStyled>
-									<ButtonStyled icon-only color="red">
-										<button
-											class="!w-full sm:!w-auto"
-											@click="showConfirmDeleteModal(allocation.port)"
-										>
-											<TrashIcon />
-										</button>
-									</ButtonStyled>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			<SaveBanner
-				:is-visible="!!hasUnsavedChanges && !!isValidSubdomain"
-				:server-id="serverId"
-				:is-updating="isUpdating"
-				:save="saveNetwork"
-				:reset="resetNetwork"
-			/>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import {
-	EditIcon,
-	InfoIcon,
-	IssuesIcon,
-	PlusIcon,
-	SaveIcon,
-	TrashIcon,
-	UploadIcon,
-	VersionIcon,
-} from '@modrinth/assets'
-import {
-	ButtonStyled,
-	ConfirmModal,
-	CopyCode,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	NewModal,
-	StyledInput,
-} from '@modrinth/ui'
-import { useQuery, useQueryClient } from '@tanstack/vue-query'
-import { computed, nextTick, ref } from 'vue'
-
-import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
-
-const { addNotification } = injectNotificationManager()
-const { server, serverId } = injectModrinthServerContext()
-const client = injectModrinthClient()
-const queryClient = useQueryClient()
-
-const isUpdating = ref(false)
-const data = server
-
-const serverIP = ref(data?.value?.net?.ip ?? '')
-const serverSubdomain = ref(data?.value?.net?.domain ?? '')
-const serverPrimaryPort = ref(data?.value?.net?.port ?? 0)
-const userDomain = ref('')
-const exampleDomain = 'play.example.com'
-
-const {
-	data: allocationsData,
-	error: allocationsError,
-	refetch: refetchAllocations,
-} = useQuery({
-	queryKey: ['servers', 'allocations', serverId] as const,
-	queryFn: () => client.archon.servers_v0.getAllocations(serverId),
-})
-const allocations = allocationsData
-
-const newAllocationModal = ref<typeof NewModal>()
-const editAllocationModal = ref<typeof NewModal>()
-const confirmDeleteModal = ref<typeof ConfirmModal>()
-const newAllocationInput = ref<HTMLInputElement | null>(null)
-const editAllocationInput = ref<HTMLInputElement | null>(null)
-const newAllocationName = ref('')
-const newAllocationPort = ref(0)
-const allocationToDelete = ref<number | null>(null)
-
-const hasUnsavedChanges = computed(() => serverSubdomain.value !== data?.value?.net?.domain)
-
-const isValidSubdomain = computed(() => /^[a-zA-Z0-9-]{5,}$/.test(serverSubdomain.value))
-
-const addNewAllocation = async () => {
-	if (!newAllocationName.value) return
-
-	try {
-		await client.archon.servers_v0.reserveAllocation(serverId, newAllocationName.value)
-		await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
-
-		newAllocationModal.value?.hide()
-		newAllocationName.value = ''
-
-		addNotification({
-			type: 'success',
-			title: 'Allocation reserved',
-			text: 'Your allocation has been reserved.',
-		})
-	} catch (error) {
-		console.error('Failed to reserve new allocation:', error)
-	}
-}
-
-const showNewAllocationModal = () => {
-	newAllocationName.value = ''
-	newAllocationModal.value?.show()
-	nextTick(() => {
-		setTimeout(() => {
-			newAllocationInput.value?.focus()
-		}, 100)
-	})
-}
-
-const showEditAllocationModal = (port: number) => {
-	newAllocationPort.value = port
-	editAllocationModal.value?.show()
-	nextTick(() => {
-		setTimeout(() => {
-			editAllocationInput.value?.focus()
-		}, 100)
-	})
-}
-
-const showConfirmDeleteModal = (port: number) => {
-	allocationToDelete.value = port
-	confirmDeleteModal.value?.show()
-}
-
-const confirmDeleteAllocation = async () => {
-	if (allocationToDelete.value === null) return
-
-	await client.archon.servers_v0.deleteAllocation(serverId, allocationToDelete.value)
-	await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
-
-	addNotification({
-		type: 'success',
-		title: 'Allocation removed',
-		text: 'Your allocation has been removed.',
-	})
-
-	allocationToDelete.value = null
-}
-
-const editAllocation = async () => {
-	if (!newAllocationName.value) return
-
-	try {
-		await client.archon.servers_v0.updateAllocation(
-			serverId,
-			newAllocationPort.value,
-			newAllocationName.value,
-		)
-		await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
-
-		editAllocationModal.value?.hide()
-		newAllocationName.value = ''
-
-		addNotification({
-			type: 'success',
-			title: 'Allocation updated',
-			text: 'Your allocation has been updated.',
-		})
-	} catch (error) {
-		console.error('Failed to reserve new allocation:', error)
-	}
-}
-
-const saveNetwork = async () => {
-	if (!isValidSubdomain.value) return
-
-	try {
-		isUpdating.value = true
-		const result = await client.archon.servers_v0.checkSubdomainAvailability(serverSubdomain.value)
-		const available = result.available
-		if (!available) {
-			addNotification({
-				type: 'error',
-				title: 'Subdomain not available',
-				text: 'The subdomain you entered is already in use.',
-			})
-			return
-		}
-		if (serverSubdomain.value !== data?.value?.net?.domain) {
-			await client.archon.servers_v0.changeSubdomain(serverId, serverSubdomain.value)
-		}
-		if (serverPrimaryPort.value !== data?.value?.net?.port) {
-			await client.archon.servers_v0.updateAllocation(
-				serverId,
-				serverPrimaryPort.value,
-				newAllocationName.value,
-			)
-		}
-		await new Promise((resolve) => setTimeout(resolve, 500))
-		await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
-		await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
-		addNotification({
-			type: 'success',
-			title: 'Server settings updated',
-			text: 'Your server settings were successfully changed.',
-		})
-	} catch (error) {
-		console.error(error)
-		addNotification({
-			type: 'error',
-			title: 'Failed to update server settings',
-			text: 'An error occurred while attempting to update your server settings.',
-		})
-	} finally {
-		isUpdating.value = false
-	}
-}
-
-const resetNetwork = () => {
-	serverSubdomain.value = data?.value?.net?.domain ?? ''
-}
-
-const dnsRecords = computed(() => {
-	const domain = userDomain.value === '' ? exampleDomain : userDomain.value
-	return [
-		{
-			type: 'A',
-			name: `${domain}`,
-			content: data.value?.net?.ip ?? '',
-		},
-		{
-			type: 'SRV',
-			name: `_minecraft._tcp.${domain}`,
-			content: `0 10 ${data.value?.net?.port} ${domain}`,
-		},
-	]
-})
-
-const exportDnsRecords = () => {
-	const records = dnsRecords.value.reduce(
-		(acc, record) => {
-			const type = record.type
-			if (!acc[type]) {
-				acc[type] = []
-			}
-			acc[type].push(record)
-			return acc
-		},
-		{} as Record<string, any[]>,
-	)
-
-	const text = Object.entries(records)
-		.map(([type, records]) => {
-			return `; ${type} Records\n${records.map((record) => `${record.name}.	1	IN	${record.type} ${record.content}${record.type === 'SRV' ? '.' : ''}`).join('\n')}\n`
-		})
-		.join('\n')
-	const blob = new Blob([text], { type: 'text/plain' })
-	const a = document.createElement('a')
-	a.href = window.URL.createObjectURL(blob)
-	a.download = `${userDomain.value}.txt`
-	a.click()
-	a.remove()
-}
-
-const copyText = (text: string) => {
-	navigator.clipboard.writeText(text)
-	addNotification({
-		type: 'success',
-		title: 'Text copied',
-		text: `${text} has been copied to your clipboard`,
-	})
-}
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
deleted file mode 100644
index d3c84bf5b..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/preferences.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-	<div class="h-full w-full">
-		<div class="h-full w-full gap-2 overflow-y-auto">
-			<div class="card flex flex-col gap-4">
-				<h1 class="m-0 text-lg font-bold text-contrast">Server preferences</h1>
-				<p class="m-0">Preferences apply per server and changes are only saved in your browser.</p>
-				<div
-					v-for="(prefConfig, key) in preferences"
-					:key="key"
-					class="flex items-center justify-between gap-2"
-				>
-					<label :for="`pref-${key}`" class="flex flex-col gap-2">
-						<div class="flex flex-row gap-2">
-							<span class="text-lg font-bold text-contrast">{{ prefConfig.displayName }}</span>
-							<div
-								v-if="prefConfig.implemented === false"
-								class="hidden items-center gap-1 rounded-full bg-table-alternateRow p-1 px-1.5 text-xs font-semibold sm:flex"
-							>
-								Coming Soon
-							</div>
-						</div>
-						<span>{{ prefConfig.description }}</span>
-					</label>
-					<Toggle
-						:id="`pref-${key}`"
-						v-model="newUserPreferences[key]"
-						class="flex-none"
-						:disabled="prefConfig.implemented === false"
-					/>
-				</div>
-			</div>
-		</div>
-		<SaveBanner
-			:is-visible="hasUnsavedChanges"
-			:server-id="serverId"
-			:is-updating="false"
-			:save="savePreferences"
-			:reset="resetPreferences"
-		/>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { injectNotificationManager, Toggle } from '@modrinth/ui'
-import { useStorage } from '@vueuse/core'
-
-import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
-
-const { addNotification } = injectNotificationManager()
-const route = useNativeRoute()
-const serverId = route.params.id as string
-
-const preferences = {
-	ramAsNumber: {
-		displayName: 'RAM as bytes',
-		description:
-			"When enabled, RAM will be displayed as bytes instead of a percentage in your server's Overview.",
-		implemented: true,
-	},
-	hideSubdomainLabel: {
-		displayName: 'Hide subdomain label',
-		description: 'When enabled, the subdomain label will be hidden from the server header.',
-		implemented: true,
-	},
-	autoRestart: {
-		displayName: 'Auto restart',
-		description: 'When enabled, your server will automatically restart if it crashes.',
-		implemented: false,
-	},
-	powerDontAskAgain: {
-		displayName: 'Power actions confirmation',
-		description: 'When enabled, you will be prompted before stopping and restarting your server.',
-		implemented: true,
-	},
-} as const
-
-type PreferenceKeys = keyof typeof preferences
-
-type UserPreferences = {
-	[K in PreferenceKeys]: boolean
-}
-
-const defaultPreferences: UserPreferences = {
-	ramAsNumber: false,
-	hideSubdomainLabel: false,
-	autoRestart: false,
-	powerDontAskAgain: false,
-}
-
-const userPreferences = useStorage<UserPreferences>(
-	`pyro-server-${serverId}-preferences`,
-	defaultPreferences,
-)
-
-const newUserPreferences = ref<UserPreferences>(JSON.parse(JSON.stringify(userPreferences.value)))
-
-const hasUnsavedChanges = computed(() => {
-	return JSON.stringify(newUserPreferences.value) !== JSON.stringify(userPreferences.value)
-})
-
-const savePreferences = () => {
-	userPreferences.value = { ...newUserPreferences.value }
-	addNotification({
-		type: 'success',
-		title: 'Preferences saved',
-		text: 'Your preferences have been saved.',
-	})
-}
-
-const resetPreferences = () => {
-	newUserPreferences.value = { ...userPreferences.value }
-}
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
deleted file mode 100644
index ae73daf96..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/properties.vue
+++ /dev/null
@@ -1,292 +0,0 @@
-<template>
-	<div class="relative h-full w-full select-none overflow-y-auto">
-		<div v-if="propsData" class="flex h-full w-full flex-col justify-between gap-4 overflow-y-auto">
-			<Admonition
-				v-if="hasNoProperties"
-				type="warning"
-				body="Some expected properties are missing from your server.properties - this usually means the server hasn't completed its first startup yet."
-			/>
-			<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">Server properties</h2>
-					<div class="m-0">
-						Edit the Minecraft server properties file. If you're unsure about a specific property,
-						the
-						<NuxtLink
-							class="goto-link !inline-block"
-							to="https://minecraft.wiki/w/Server.properties"
-							external
-						>
-							Minecraft Wiki
-						</NuxtLink>
-						has more detailed information.
-					</div>
-				</div>
-				<div class="flex flex-col gap-4 rounded-2xl bg-table-alternateRow p-4">
-					<div class="w-full text-sm">
-						<label for="search-server-properties" class="sr-only"> Search server properties </label>
-						<StyledInput
-							id="search-server-properties"
-							v-model="searchInput"
-							wrapper-class="w-full"
-							type="search"
-							:icon="SearchIcon"
-							name="search"
-							autocomplete="off"
-							placeholder="Search server properties..."
-						/>
-					</div>
-					<div
-						v-for="(_value, key) in filteredProperties"
-						:key="key"
-						class="flex flex-row flex-wrap items-center justify-between py-2"
-					>
-						<span :id="`property-label-${key}`">{{ formatPropertyName(key) }}</span>
-
-						<div
-							v-if="getPropertyDef(key).type === 'dropdown'"
-							class="mt-2 flex w-full sm:w-[320px] sm:justify-end"
-						>
-							<Combobox
-								:id="`server-property-${key}`"
-								v-model="liveProperties[key]"
-								:name="formatPropertyName(key)"
-								:options="
-									(getPropertyDef(key) as DropdownPropertyDef).options.map((v) => ({
-										value: v,
-										label: formatPropertyName(v),
-									}))
-								"
-								:aria-labelledby="`property-label-${key}`"
-								:display-value="formatPropertyName(String(liveProperties[key] ?? 'Select...'))"
-							/>
-						</div>
-						<div v-else-if="getPropertyDef(key).type === 'toggle'" class="flex justify-end">
-							<Toggle
-								:id="`server-property-${key}`"
-								:model-value="liveProperties[key] === 'true'"
-								:aria-labelledby="`property-label-${key}`"
-								@update:model-value="liveProperties[key] = $event ? 'true' : 'false'"
-							/>
-						</div>
-						<div v-else-if="getPropertyDef(key).type === 'number'" class="mt-2 w-full sm:w-[320px]">
-							<StyledInput
-								:id="`server-property-${key}`"
-								:model-value="liveProperties[key]"
-								type="number"
-								wrapper-class="w-full"
-								:aria-labelledby="`property-label-${key}`"
-								@update:model-value="liveProperties[key] = String($event)"
-							/>
-						</div>
-						<div v-else class="mt-2 flex w-full justify-end sm:w-[320px]">
-							<StyledInput
-								:id="`server-property-${key}`"
-								v-model="liveProperties[key]"
-								wrapper-class="w-full"
-								:aria-labelledby="`property-label-${key}`"
-							/>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div v-else class="flex h-full w-full items-center justify-center">
-			<SpinnerIcon class="animate-spin" />
-		</div>
-
-		<SaveBanner
-			:is-visible="hasUnsavedChanges"
-			:server-id="serverId"
-			:is-updating="isUpdating || busyReasons.length > 0"
-			restart
-			:save="() => saveProperties()"
-			:reset="resetProperties"
-		/>
-	</div>
-</template>
-
-<script setup lang="ts">
-import type { Archon } from '@modrinth/api-client'
-import { SearchIcon, SpinnerIcon } from '@modrinth/assets'
-import {
-	Admonition,
-	Combobox,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	StyledInput,
-	Toggle,
-} from '@modrinth/ui'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-import Fuse from 'fuse.js'
-import { computed, ref, watch } from 'vue'
-
-import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
-
-const { addNotification } = injectNotificationManager()
-const client = injectModrinthClient()
-const { serverId, worldId, powerState, busyReasons } = injectModrinthServerContext()
-const queryClient = useQueryClient()
-
-const searchInput = ref('')
-
-type DropdownPropertyDef = { type: 'dropdown'; options: string[] }
-type PropertyDef = { type: 'toggle' } | { type: 'number' } | { type: 'text' } | DropdownPropertyDef
-
-const KNOWN_PROPERTIES: Record<string, PropertyDef> = {
-	allow_cheats: { type: 'toggle' },
-	allow_flight: { type: 'toggle' },
-	difficulty: { type: 'dropdown', options: ['peaceful', 'easy', 'normal', 'hard'] },
-	enforce_whitelist: { type: 'toggle' },
-	force_gamemode: { type: 'toggle' },
-	gamemode: { type: 'dropdown', options: ['survival', 'creative', 'adventure', 'spectator'] },
-	generate_structures: { type: 'toggle' },
-	generator_settings: { type: 'text' },
-	hardcore: { type: 'toggle' },
-	level_seed: { type: 'text' },
-	level_type: { type: 'text' },
-	max_players: { type: 'number' },
-	max_tick_time: { type: 'number' },
-	motd: { type: 'text' },
-	pause_when_empty_seconds: { type: 'number' },
-	player_idle_timeout: { type: 'number' },
-	require_resource_pack: { type: 'toggle' },
-	resource_pack: { type: 'text' },
-	resource_pack_id: { type: 'text' },
-	resource_pack_sha1: { type: 'text' },
-	simulation_distance: { type: 'number' },
-	spawn_protection: { type: 'number' },
-	sync_chunk_writes: { type: 'toggle' },
-	view_distance: { type: 'number' },
-	white_list: { type: 'toggle' },
-}
-
-function getPropertyDef(key: string): PropertyDef {
-	return KNOWN_PROPERTIES[key] ?? { type: 'text' }
-}
-
-const queryKey = computed(() => ['servers', 'properties', 'v1', serverId, worldId.value])
-
-const { data: propsData } = useQuery({
-	queryKey,
-	queryFn: () => client.archon.properties_v1.getProperties(serverId, worldId.value!),
-	enabled: computed(() => worldId.value !== null),
-})
-
-function flattenProperties(data: Archon.Content.v1.PropertiesFields): Record<string, string> {
-	const result: Record<string, string> = {}
-	if (data.known) {
-		for (const [key, value] of Object.entries(data.known)) {
-			if (value != null) result[key] = value
-		}
-	}
-	if (data.custom) {
-		for (const [key, value] of Object.entries(data.custom)) {
-			if (value != null) result[key] = value
-		}
-	}
-	return result
-}
-
-const liveProperties = ref<Record<string, string>>({})
-const originalProperties = ref<Record<string, string>>({})
-
-function syncFormFromData() {
-	if (!propsData.value) return
-	const flat = flattenProperties(propsData.value)
-	liveProperties.value = { ...flat }
-	originalProperties.value = { ...flat }
-}
-
-const hasNoProperties = computed(() => Object.keys(liveProperties.value).length === 0)
-
-const hasUnsavedChanges = computed(() =>
-	Object.keys(liveProperties.value).some(
-		(key) => liveProperties.value[key] !== originalProperties.value[key],
-	),
-)
-
-watch(
-	propsData,
-	(newData) => {
-		if (newData && !hasUnsavedChanges.value) {
-			syncFormFromData()
-		}
-	},
-	{ immediate: true },
-)
-
-watch(powerState, () => {
-	queryClient.invalidateQueries({ queryKey: queryKey.value })
-})
-
-function buildPatch(): Archon.Content.v1.PatchPropertiesFields {
-	const known: Record<string, string> = {}
-	const custom: Record<string, string> = {}
-
-	for (const key of Object.keys(liveProperties.value)) {
-		if (liveProperties.value[key] === originalProperties.value[key]) continue
-		if (key in KNOWN_PROPERTIES) {
-			known[key] = liveProperties.value[key]
-		} else {
-			custom[key] = liveProperties.value[key]
-		}
-	}
-
-	const patch: Archon.Content.v1.PatchPropertiesFields = {}
-	if (Object.keys(known).length > 0) {
-		patch.known = known as Archon.Content.v1.KnownPropertiesFields
-	}
-	if (Object.keys(custom).length > 0) {
-		patch.custom = custom
-	}
-	return patch
-}
-
-const { mutate: saveProperties, isPending: isUpdating } = useMutation({
-	mutationFn: () =>
-		client.archon.properties_v1.patchProperties(serverId, worldId.value!, buildPatch()),
-	onSuccess: async () => {
-		await queryClient.invalidateQueries({ queryKey: queryKey.value })
-		syncFormFromData()
-		addNotification({
-			type: 'success',
-			title: 'Server properties updated',
-			text: 'Your server properties were successfully changed.',
-		})
-	},
-	onError: (error) => {
-		addNotification({
-			type: 'error',
-			title: 'Failed to update server properties',
-			text: error instanceof Error ? error.message : 'An error occurred.',
-		})
-	},
-})
-
-function resetProperties() {
-	syncFormFromData()
-}
-
-const fuse = computed(() => {
-	const entries = Object.entries(liveProperties.value).map(([key, value]) => ({
-		key,
-		value: String(value),
-	}))
-	return new Fuse(entries, { keys: ['key', 'value'], threshold: 0.2 })
-})
-
-const filteredProperties = computed(() => {
-	if (!searchInput.value?.trim()) return liveProperties.value
-	const results = fuse.value.search(searchInput.value)
-	return Object.fromEntries(results.map(({ item }) => [item.key, liveProperties.value[item.key]]))
-})
-
-function formatPropertyName(name: string): string {
-	return name
-		.split('_')
-		.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-		.join(' ')
-}
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
deleted file mode 100644
index d8fd8c985..000000000
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/startup.vue
+++ /dev/null
@@ -1,287 +0,0 @@
-<template>
-	<div class="relative h-full w-full">
-		<div class="flex h-full w-full flex-col gap-4">
-			<div
-				class="rounded-2xl border-[1px] border-solid border-orange bg-bg-orange p-4 text-contrast"
-			>
-				These settings are for advanced users. Changing them can break your server.
-			</div>
-
-			<div class="gap-2">
-				<div class="card flex flex-col gap-4">
-					<div class="flex flex-col justify-between gap-4 sm:flex-row">
-						<label for="startup-command-field" class="flex flex-col gap-2">
-							<span class="text-lg font-bold text-contrast">Startup command</span>
-							<span> The command that runs when your server is started. </span>
-						</label>
-						<ButtonStyled>
-							<button
-								:disabled="isStartupLoading || startupCommand === defaultStartupCommand"
-								class="!w-full sm:!w-auto"
-								@click="resetToDefault"
-							>
-								<UpdatedIcon class="h-5 w-5" />
-								Restore default command
-							</button>
-						</ButtonStyled>
-					</div>
-					<div class="relative">
-						<StyledInput
-							id="startup-command-field"
-							v-model="startupCommand"
-							multiline
-							resize="vertical"
-							input-class="min-h-[270px] font-[family-name:var(--mono-font)]"
-							:disabled="isStartupLoading"
-						/>
-						<div
-							v-if="isStartupLoading"
-							class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
-						>
-							<SpinnerIcon class="h-6 w-6 animate-spin text-secondary" />
-						</div>
-					</div>
-				</div>
-
-				<div class="card flex flex-col gap-8">
-					<div class="flex flex-col gap-4">
-						<div class="flex flex-col gap-2">
-							<span class="text-lg font-bold text-contrast">Java version</span>
-							<span>
-								The version of Java that your server will run on. By default, only the Java versions
-								compatible with this version of Minecraft are shown. Some mods may require a
-								different Java version to work properly.
-							</span>
-						</div>
-						<div class="relative max-w-xs">
-							<Combobox
-								:id="'java-version-field'"
-								v-model="javaVersion"
-								name="java-version"
-								:options="displayedJavaVersions"
-								:display-value="javaVersionLabel ?? 'Java Version'"
-								:disabled="isStartupLoading"
-							>
-								<template #dropdown-footer>
-									<button
-										class="flex w-full cursor-pointer items-center justify-center gap-1.5 border-0 border-t border-solid border-surface-5 bg-transparent py-3 text-center text-sm font-semibold text-secondary transition-colors hover:text-contrast"
-										@mousedown.prevent
-										@click="showAllVersions = !showAllVersions"
-									>
-										<EyeOffIcon v-if="showAllVersions" class="size-4" />
-										<EyeIcon v-else class="size-4" />
-										{{ showAllVersions ? 'Hide extra versions' : 'Show all versions' }}
-									</button>
-								</template>
-							</Combobox>
-							<div
-								v-if="isStartupLoading"
-								class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
-							>
-								<SpinnerIcon class="h-5 w-5 animate-spin text-secondary" />
-							</div>
-						</div>
-					</div>
-					<div class="flex flex-col gap-4">
-						<div class="flex flex-col gap-2">
-							<span class="text-lg font-bold text-contrast">Runtime</span>
-							<span> The Java runtime your server will use. </span>
-						</div>
-						<div class="relative max-w-xs">
-							<Combobox
-								:id="'runtime-field'"
-								v-model="jreVendor"
-								name="runtime"
-								:options="JRE_VENDORS"
-								:display-value="jreVendorLabel ?? 'Runtime'"
-								:disabled="isStartupLoading"
-							/>
-							<div
-								v-if="isStartupLoading"
-								class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
-							>
-								<SpinnerIcon class="h-5 w-5 animate-spin text-secondary" />
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<SaveBanner
-			:is-visible="!!hasUnsavedChanges"
-			:server-id="serverId"
-			:is-updating="isPending"
-			:save="() => saveStartup()"
-			:reset="resetStartup"
-		/>
-	</div>
-</template>
-
-<script setup lang="ts">
-import type { Archon } from '@modrinth/api-client'
-import { EyeIcon, EyeOffIcon, SpinnerIcon, UpdatedIcon } from '@modrinth/assets'
-import {
-	ButtonStyled,
-	Combobox,
-	injectModrinthClient,
-	injectModrinthServerContext,
-	injectNotificationManager,
-	StyledInput,
-} from '@modrinth/ui'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-
-import SaveBanner from '~/components/ui/servers/SaveBanner.vue'
-
-const { addNotification } = injectNotificationManager()
-const { server, serverId, worldId } = injectModrinthServerContext()
-const client = injectModrinthClient()
-const queryClient = useQueryClient()
-
-const startupQueryKey = computed(() => ['servers', 'startup', 'v1', serverId, worldId.value])
-
-const { data: startupData, isLoading: isStartupLoading } = useQuery({
-	queryKey: startupQueryKey,
-	queryFn: () => client.archon.options_v1.getStartup(serverId, worldId.value!),
-	enabled: computed(() => worldId.value !== null),
-})
-
-const JAVA_VERSIONS = [
-	{ value: 8, label: 'Java 8' },
-	{ value: 11, label: 'Java 11' },
-	{ value: 17, label: 'Java 17' },
-	{ value: 21, label: 'Java 21' },
-	{ value: 25, label: 'Java 25' },
-]
-
-const JRE_VENDORS: { value: Archon.Content.v1.JreVendor; label: string }[] = [
-	{ value: 'corretto', label: 'Corretto' },
-	{ value: 'temurin', label: 'Temurin' },
-	{ value: 'graal', label: 'GraalVM' },
-]
-
-// Saved state derived directly from query
-const savedStartupCommand = computed(() => startupData.value?.startup_command ?? '')
-const savedJavaVersion = computed(() => startupData.value?.java_version ?? undefined)
-const savedJreVendor = computed(() => startupData.value?.jre_vendor ?? undefined)
-const defaultStartupCommand = computed(
-	() => startupData.value?.original_invocation ?? savedStartupCommand.value,
-)
-
-// Local form state
-const startupCommand = ref('')
-const javaVersion = ref<number>()
-const jreVendor = ref<Archon.Content.v1.JreVendor>()
-
-// Display labels for comboboxes
-const javaVersionLabel = computed(
-	() => JAVA_VERSIONS.find((v) => v.value === javaVersion.value)?.label,
-)
-const jreVendorLabel = computed(() => JRE_VENDORS.find((v) => v.value === jreVendor.value)?.label)
-
-function syncFormFromData() {
-	startupCommand.value = savedStartupCommand.value
-	javaVersion.value = savedJavaVersion.value
-	jreVendor.value = savedJreVendor.value
-}
-
-watch(
-	startupData,
-	(newData, oldData) => {
-		if (newData && !oldData) {
-			syncFormFromData()
-		}
-	},
-	{ immediate: true },
-)
-
-const hasUnsavedChanges = computed(
-	() =>
-		startupCommand.value !== savedStartupCommand.value ||
-		javaVersion.value !== savedJavaVersion.value ||
-		jreVendor.value !== savedJreVendor.value,
-)
-
-// Java version filtering
-const showAllVersions = ref(false)
-
-type MinecraftReleaseVersion = {
-	major: number
-	minor: number
-}
-
-function parseMinecraftReleaseVersion(version: string): MinecraftReleaseVersion | null {
-	const [majorPart, minorPart] = version.split('.')
-
-	if (!majorPart || !minorPart) return null
-
-	const major = Number(majorPart)
-	const minor = Number(minorPart)
-
-	if (!Number.isInteger(major) || !Number.isInteger(minor)) return null
-
-	return { major, minor }
-}
-
-function filterJavaVersions(compatibleVersions: number[]) {
-	return JAVA_VERSIONS.filter((version) => compatibleVersions.includes(version.value))
-}
-
-const displayedJavaVersions = computed(() => {
-	if (showAllVersions.value) return JAVA_VERSIONS
-
-	const mcVersion = server.value?.mc_version ?? ''
-	if (!mcVersion) return JAVA_VERSIONS
-
-	const releaseVersion = parseMinecraftReleaseVersion(mcVersion)
-	if (!releaseVersion) return JAVA_VERSIONS
-
-	if (releaseVersion.major > 1) {
-		if (releaseVersion.major >= 26) {
-			return filterJavaVersions([25])
-		}
-
-		return JAVA_VERSIONS
-	}
-
-	if (releaseVersion.minor >= 20) return filterJavaVersions([21])
-	if (releaseVersion.minor >= 17) return filterJavaVersions([17, 21])
-	if (releaseVersion.minor >= 12) return filterJavaVersions([8, 11, 17, 21])
-	if (releaseVersion.minor >= 6) return filterJavaVersions([8, 11])
-	return filterJavaVersions([8])
-})
-
-// Save mutation
-const { mutate: saveStartup, isPending } = useMutation({
-	mutationFn: () =>
-		client.archon.options_v1.patchStartup(serverId, worldId.value!, {
-			startup_command: startupCommand.value || null,
-			java_version: javaVersion.value ?? null,
-			jre_vendor: jreVendor.value ?? null,
-		}),
-	onSuccess: async () => {
-		await queryClient.invalidateQueries({ queryKey: startupQueryKey.value })
-		syncFormFromData()
-		addNotification({
-			type: 'success',
-			title: 'Server settings updated',
-			text: 'Your server settings were successfully changed.',
-		})
-	},
-	onError: (error) => {
-		console.error(error)
-		addNotification({
-			type: 'error',
-			title: 'Failed to update server arguments',
-			text: 'Please try again later.',
-		})
-	},
-})
-
-function resetStartup() {
-	syncFormFromData()
-}
-
-function resetToDefault() {
-	startupCommand.value = defaultStartupCommand.value
-}
-</script>
diff --git a/apps/frontend/src/pages/hosting/manage/index.vue b/apps/frontend/src/pages/hosting/manage/index.vue
index 0767051ab..3ea3fb216 100644
--- a/apps/frontend/src/pages/hosting/manage/index.vue
+++ b/apps/frontend/src/pages/hosting/manage/index.vue
@@ -8,7 +8,7 @@ definePageMeta({
 })
 
 useHead({
-	title: 'Servers - Modrinth',
+	title: 'Hosting - Modrinth',
 })
 
 const config = useRuntimeConfig()
@@ -20,5 +20,6 @@ const generatedState = useGeneratedState()
 		:stripe-publishable-key="config.public.stripePublishableKey"
 		:site-url="config.public.siteUrl"
 		:products="generatedState.products || []"
+		class="max-w-[1280px] py-0"
 	/>
 </template>
diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index 3c5578042..5a9cdd8db 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -1,5 +1,6 @@
 <template>
 	<ServersUpgradeModalWrapper ref="upgradeModal" />
+	<ResubscribeModal ref="pyroResubscribeModal" @resubscribe="handlePyroResubscribeConfirm" />
 	<section class="universal-card experimental-styles-within">
 		<h2>{{ formatMessage(messages.subscriptionTitle) }}</h2>
 		<p>{{ formatMessage(messages.subscriptionDescription) }}</p>
@@ -284,6 +285,8 @@
 								v-if="subscription.serverInfo"
 								v-bind="subscription.serverInfo"
 								:pending-change="getPendingChange(subscription)"
+								:cancellation-date="getCancellationDate(subscription)"
+								:on-download-backup="getBackupDownloadForServer(subscription.serverInfo)"
 							/>
 							<div v-else class="w-fit">
 								<p>
@@ -514,15 +517,9 @@
 											"
 											color="green"
 										>
-											<button
-												@click="
-													resubscribePyro(
-														subscription.id,
-														$dayjs(getPyroCharge(subscription).due).isBefore($dayjs()),
-													)
-												"
-											>
-												{{ formatMessage(messages.resubscribe) }} <RightArrowIcon />
+											<button @click="openPyroResubscribeModal(subscription)">
+												{{ formatMessage(messages.resubscribe) }}
+												<RightArrowIcon />
 											</button>
 										</ButtonStyled>
 									</div>
@@ -709,21 +706,25 @@ import {
 	OverflowMenu,
 	paymentMethodMessages,
 	PurchaseModal,
+	ResubscribeModal,
 	ServerListing,
 	useFormatDateTime,
 	useFormatPrice,
+	useServerBackupDownload,
 	useVIntl,
 } from '@modrinth/ui'
 import { calculateSavings, getCurrency } from '@modrinth/utils'
 import { useQuery, useQueryClient } from '@tanstack/vue-query'
-import { computed, ref } from 'vue'
+import { useIntervalFn } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
 
-import ModrinthServersIcon from '~/components/ui/servers/ModrinthServersIcon.vue'
+import ModrinthServersIcon from '~/components/brand/ModrinthServersIcon.vue'
 import ServersUpgradeModalWrapper from '~/components/ui/servers/ServersUpgradeModalWrapper.vue'
 import { products } from '~/generated/state.json'
 
 const { addNotification, handleError } = injectNotificationManager()
 const client = injectModrinthClient()
+const { getLatestBackupDownload } = useServerBackupDownload()
 definePageMeta({
 	middleware: 'auth',
 })
@@ -835,6 +836,14 @@ const messages = defineMessages({
 		id: 'settings.billing.interval.year',
 		defaultMessage: 'year',
 	},
+	intervalQuarter: {
+		id: 'settings.billing.interval.quarter',
+		defaultMessage: 'quarter',
+	},
+	intervalQuarterly: {
+		id: 'settings.billing.interval.quarterly.adjective',
+		defaultMessage: 'quarterly',
+	},
 	intervalMonthly: {
 		id: 'settings.billing.interval.monthly',
 		defaultMessage: 'monthly',
@@ -998,7 +1007,7 @@ const messages = defineMessages({
 	pyroResubscribeRequestSubmittedText: {
 		id: 'settings.billing.pyro.resubscribe.request-submitted.text',
 		defaultMessage:
-			'If the server is currently suspended, it may take up to 10 minutes for another charge attempt to be made.',
+			'If the server is currently cancelled, it may take 10-15 minutes to set up the server.',
 	},
 	pyroResubscribeSuccessText: {
 		id: 'settings.billing.pyro.resubscribe.success.text',
@@ -1015,15 +1024,20 @@ const messages = defineMessages({
 })
 
 function getIntervalNounLabel(interval) {
+	console.log(interval)
 	return interval === 'yearly'
 		? formatMessage(messages.intervalYear)
-		: formatMessage(messages.intervalMonth)
+		: interval === 'quarterly'
+			? formatMessage(messages.intervalQuarter)
+			: formatMessage(messages.intervalMonth)
 }
 
 function getIntervalAdjectiveLabel(interval) {
 	return interval === 'yearly'
 		? formatMessage(messages.intervalYearly)
-		: formatMessage(messages.intervalMonthly)
+		: interval === 'quarterly'
+			? formatMessage(messages.intervalQuarterly)
+			: formatMessage(messages.intervalMonthly)
 }
 
 const queryClient = useQueryClient()
@@ -1053,6 +1067,11 @@ const { data: serversData } = useQuery({
 	queryFn: () => client.archon.servers_v0.list(),
 })
 
+const { data: serverFullList } = useQuery({
+	queryKey: ['servers', 'v1'],
+	queryFn: () => client.archon.servers_v1.list(),
+})
+
 const midasProduct = ref(products.find((x) => x.metadata?.type === 'midas'))
 const midasSubscription = computed(() =>
 	subscriptions.value?.find(
@@ -1082,16 +1101,38 @@ const pyroSubscriptions = computed(() => {
 	const pyroSubs = subscriptions.value?.filter((s) => s?.metadata?.type === 'pyro') || []
 	const servers = serversData.value?.servers || []
 
-	return pyroSubs.map((subscription) => {
-		const server = servers.find((s) => s.server_id === subscription.metadata.id)
-		return {
-			...subscription,
-			serverInfo: server,
-		}
-	})
+	return pyroSubs
+		.map((subscription) => {
+			const server = servers.find((s) => s.server_id === subscription.metadata.id)
+			const charge = getPyroCharge(subscription)
+
+			return {
+				...subscription,
+				serverInfo: {
+					...server,
+					isProvisioning:
+						subscription.status === 'unprovisioned' &&
+						(charge?.status === 'processing' || charge?.status === 'open'),
+				},
+			}
+		})
+		.filter((subscription) => {
+			// files expire 30 days after cancellation
+			const cancellationDate = getCancellationDate(subscription)
+			if (
+				!cancellationDate ||
+				subscription.serverInfo?.status !== 'suspended' ||
+				subscription.serverInfo?.suspension_reason !== 'cancelled'
+			)
+				return true
+			const cancellation = new Date(cancellationDate)
+			const thirtyDaysLater = new Date(cancellation.getTime() + 30 * 24 * 60 * 60 * 1000)
+			return new Date() <= thirtyDaysLater
+		})
 })
 
 const midasPurchaseModal = ref()
+const pyroResubscribeModal = ref()
 const country = useUserCountry()
 const price = computed(() =>
 	midasProduct.value?.prices?.find((x) => x.currency_code === getCurrency(country.value)),
@@ -1201,13 +1242,20 @@ const getProductFromPriceId = (priceId) => {
 	return productsData.value.find((p) => p.prices?.some((x) => x.id === priceId))
 }
 
-const getPyroCharge = (subscription) => {
+function getPyroCharge(subscription) {
 	if (!subscription || !charges.value) return null
 	return charges.value.find(
 		(charge) => charge.subscription_id === subscription.id && charge.status !== 'succeeded',
 	)
 }
 
+function getCancellationDate(subscription) {
+	const charge = getPyroCharge(subscription)
+	if (!charge) return null
+	if (charge.status === 'cancelled') return charge.due
+	return null
+}
+
 const getProductSize = (product) => {
 	if (!product || !product.metadata) return formatMessage(commonMessages.planUnknownLabel)
 	const ramSize = product.metadata.ram
@@ -1243,12 +1291,38 @@ const showPyroUpgradeModal = (subscription) => {
 	upgradeModal.value?.open(subscription?.metadata?.id)
 }
 
+const CHARGE_POLL_INTERVAL_MS = 20_000
+
+const hasProvisioningSubscription = computed(() =>
+	pyroSubscriptions.value?.some((s) => s.serverInfo?.isProvisioning),
+)
+
+const { pause: pauseChargePoll, resume: resumeChargePoll } = useIntervalFn(
+	() => {
+		queryClient.invalidateQueries({ queryKey: ['billing', 'payments'] })
+		queryClient.invalidateQueries({ queryKey: ['billing', 'subscriptions'] })
+	},
+	CHARGE_POLL_INTERVAL_MS,
+	{ immediate: false },
+)
+
+watch(
+	hasProvisioningSubscription,
+	(isProvisioning) => {
+		if (isProvisioning) {
+			resumeChargePoll()
+		} else {
+			pauseChargePoll()
+		}
+	},
+	{ immediate: true },
+)
+
 const resubscribePyro = async (subscriptionId, wasSuspended) => {
 	try {
 		await client.labrinth.billing_internal.editSubscription(subscriptionId, {
 			cancelled: false,
 		})
-		await refresh()
 		if (wasSuspended) {
 			addNotification({
 				title: formatMessage(messages.pyroResubscribeRequestSubmittedTitle),
@@ -1271,6 +1345,35 @@ const resubscribePyro = async (subscriptionId, wasSuspended) => {
 	}
 }
 
+function openPyroResubscribeModal(subscription) {
+	const charge = getPyroCharge(subscription)
+	const product = getPyroProduct(subscription)
+	const interval = charge?.subscription_interval || subscription?.interval
+	const productPrice = getProductPrice(product, interval)
+
+	pyroResubscribeModal.value?.show({
+		subscriptionId: subscription?.id ?? '',
+		wasSuspended: charge?.due ? new Date(charge.due).getTime() < Date.now() : false,
+		serverName: subscription?.serverInfo?.name ?? 'this server',
+		planName: `${getProductSize(product)} plan`,
+		ramGb: product?.metadata?.ram ? product.metadata.ram / 1024 : undefined,
+		storageGb: product?.metadata?.storage ? product.metadata.storage / 1024 : undefined,
+		sharedCpus: product?.metadata?.cpu ? product.metadata.cpu / 2 : undefined,
+		priceCents: charge?.amount ?? productPrice?.prices?.intervals?.[interval],
+		currencyCode: charge?.currency_code ?? productPrice?.currency_code,
+		interval,
+		nextChargeDate: charge?.due,
+	})
+}
+
+function handlePyroResubscribeConfirm({ subscriptionId, wasSuspended }) {
+	return resubscribePyro(subscriptionId, wasSuspended)
+}
+
+function getBackupDownloadForServer(serverInfo) {
+	return getLatestBackupDownload(serverInfo.server_id, serverFullList.value)
+}
+
 const refresh = async () => {
 	await Promise.all([
 		queryClient.invalidateQueries({ queryKey: ['billing'] }),
diff --git a/apps/frontend/src/providers/setup/auth.ts b/apps/frontend/src/providers/setup/auth.ts
index e19d1a3c8..cb15021c4 100644
--- a/apps/frontend/src/providers/setup/auth.ts
+++ b/apps/frontend/src/providers/setup/auth.ts
@@ -13,6 +13,7 @@ export function setupAuthProvider(auth: Awaited<ReturnType<typeof useAuth>>) {
 	const authProvider: AuthProvider = {
 		session_token: sessionToken,
 		user,
+		isReady: ref(true),
 		requestSignIn: async (redirectPath: string) => {
 			await router.push({
 				path: '/auth/sign-in',
diff --git a/apps/frontend/src/providers/setup/page-context.ts b/apps/frontend/src/providers/setup/page-context.ts
index dd5d0ef5a..919a146c6 100644
--- a/apps/frontend/src/providers/setup/page-context.ts
+++ b/apps/frontend/src/providers/setup/page-context.ts
@@ -7,6 +7,7 @@ export function setupPageContextProvider() {
 	providePageContext({
 		hierarchicalSidebarAvailable: ref(false),
 		showAds: ref(false),
+		openExternalUrl: (url) => window.open(url, '_blank'),
 	})
 	provideModalBehavior({
 		noblur: computed(() => !(cosmetics.value?.advancedRendering ?? true)),
diff --git a/apps/frontend/src/store/console.ts b/apps/frontend/src/store/console.ts
index 5e9d0169a..fb72b37c8 100644
--- a/apps/frontend/src/store/console.ts
+++ b/apps/frontend/src/store/console.ts
@@ -1,164 +1 @@
-import { createGlobalState } from '@vueuse/core'
-import { type Ref, shallowRef } from 'vue'
-
-/**
- * Maximum number of console output lines to store
- * @type {number}
- */
-const maxLines = 10000
-const batchTimeout = 300 // ms
-const initialBatchSize = 256
-
-/**
- * Provides a global console output state management system
- * Allows adding, storing, and clearing console output with a maximum line limit
- *
- * @returns {Object} Console state management methods and reactive state
- * @property {Ref<string[]>} consoleOutput - Reactive array of console output lines
- * @property {function(string): void} addConsoleOutput - Method to add a new console output line
- * @property {function(): void} clear - Method to clear all console output
- */
-export const useModrinthServersConsole = createGlobalState(() => {
-	/**
-	 * Reactive array storing console output lines
-	 * @type {Ref<string[]>}
-	 */
-	const output: Ref<string[]> = shallowRef<string[]>([])
-	const searchQuery: Ref<string> = shallowRef('')
-	const filteredOutput: Ref<string[]> = shallowRef([])
-	let searchRegex: RegExp | null = null
-
-	let lineBuffer: string[] = []
-	let batchTimer: NodeJS.Timeout | null = null
-	let isProcessingInitialBatch = false
-
-	let refilterTimer: NodeJS.Timeout | null = null
-	const refilterTimeout = 100 // ms
-
-	const updateFilter = () => {
-		if (!searchQuery.value) {
-			filteredOutput.value = []
-			return
-		}
-
-		if (!searchRegex) {
-			searchRegex = new RegExp(searchQuery.value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'i')
-		}
-
-		filteredOutput.value = output.value.filter((line) => searchRegex?.test(line) ?? false)
-	}
-
-	const scheduleRefilter = () => {
-		if (refilterTimer) clearTimeout(refilterTimer)
-		refilterTimer = setTimeout(updateFilter, refilterTimeout)
-	}
-
-	const flushBuffer = () => {
-		if (lineBuffer.length === 0) return
-
-		const processedLines = lineBuffer.flatMap((line) => line.split('\n').filter(Boolean))
-
-		if (isProcessingInitialBatch && processedLines.length >= initialBatchSize) {
-			isProcessingInitialBatch = false
-			output.value = processedLines.slice(-maxLines)
-		} else {
-			const newOutput = [...output.value, ...processedLines]
-			output.value = newOutput.slice(-maxLines)
-		}
-
-		lineBuffer = []
-		batchTimer = null
-
-		if (searchQuery.value) {
-			scheduleRefilter()
-		}
-	}
-
-	/**
-	 * Adds a new output line to the console output
-	 * Automatically removes the oldest line if max output is exceeded
-	 *
-	 * @param {string} line - The console output line to add
-	 */
-	const addLine = (line: string): void => {
-		lineBuffer.push(line)
-
-		if (!batchTimer) {
-			batchTimer = setTimeout(flushBuffer, batchTimeout)
-		}
-	}
-
-	/**
-	 * Adds multiple output lines to the console output
-	 * Automatically removes the oldest lines if max output is exceeded
-	 *
-	 * @param {string[]} lines - The console output lines to add
-	 * @returns {void}
-	 */
-	const addLines = (lines: string[]): void => {
-		if (output.value.length === 0 && lines.length >= initialBatchSize) {
-			isProcessingInitialBatch = true
-			lineBuffer = lines
-			flushBuffer()
-			return
-		}
-
-		lineBuffer.push(...lines)
-
-		if (!batchTimer) {
-			batchTimer = setTimeout(flushBuffer, batchTimeout)
-		}
-	}
-
-	/**
-	 * Sets the search query and filters the output based on the query
-	 *
-	 * @param {string} query - The search query
-	 */
-	const setSearchQuery = (query: string): void => {
-		searchQuery.value = query
-		searchRegex = null
-		updateFilter()
-	}
-
-	/**
-	 * Clears all console output lines
-	 */
-	const clear = (): void => {
-		output.value = []
-		filteredOutput.value = []
-		searchQuery.value = ''
-		lineBuffer = []
-		isProcessingInitialBatch = false
-		if (batchTimer) {
-			clearTimeout(batchTimer)
-			batchTimer = null
-		}
-		if (refilterTimer) {
-			clearTimeout(refilterTimer)
-			refilterTimer = null
-		}
-		searchRegex = null
-	}
-
-	/**
-	 * Finds the index of a line in the main output
-	 *
-	 * @param {string} line - The line to find
-	 * @returns {number} The index of the line, or -1 if not found
-	 */
-	const findLineIndex = (line: string): number => {
-		return output.value.findIndex((l) => l === line)
-	}
-
-	return {
-		output,
-		searchQuery,
-		filteredOutput,
-		addLine,
-		addLines,
-		setSearchQuery,
-		clear,
-		findLineIndex,
-	}
-})
+export { useModrinthServersConsole } from '@modrinth/ui'
diff --git a/apps/frontend/wrangler.jsonc b/apps/frontend/wrangler.jsonc
index c63b22f59..23c63bddf 100644
--- a/apps/frontend/wrangler.jsonc
+++ b/apps/frontend/wrangler.jsonc
@@ -55,8 +55,8 @@
 			"vars": {
 				"ENVIRONMENT": "staging",
 				"SENTRY_ENVIRONMENT": "staging",
-				"BASE_URL": "https://staging-api.modrinth.com/v2/",
-				"BROWSER_BASE_URL": "https://staging-api.modrinth.com/v2/",
+				"BASE_URL": "https://api.modrinth.com/v2/",
+				"BROWSER_BASE_URL": "https://api.modrinth.com/v2/",
 				"PYRO_BASE_URL": "https://staging-archon.modrinth.com/",
 				"STRIPE_PUBLISHABLE_KEY": "pk_test_51JbFxJJygY5LJFfKV50mnXzz3YLvBVe2Gd1jn7ljWAkaBlRz3VQdxN9mXcPSrFbSqxwAb0svte9yhnsmm7qHfcWn00R611Ce7b"
 			},
diff --git a/packages/api-client/CLAUDE.md b/packages/api-client/CLAUDE.md
index 12752dc2f..015556ee6 100644
--- a/packages/api-client/CLAUDE.md
+++ b/packages/api-client/CLAUDE.md
@@ -47,6 +47,22 @@ client.iso3166.data
 
 This structure is derived at runtime from the flat `MODULE_REGISTRY` in `modules/index.ts` via `buildModuleStructure()`, and the TypeScript types are inferred automatically via `InferredClientModules`.
 
+## Critical: Always use `this.client.request()`
+
+API modules **must** use `this.client.request()` (or `.upload`) for all HTTP calls — never `$fetch`, `fetch`, or any other HTTP library directly. The request method routes through the platform-specific implementation (Nuxt `$fetch`, Tauri HTTP plugin, etc.) and the feature middleware chain (auth, retry, circuit breaker). Using `$fetch` directly bypasses the platform layer and will fail in Tauri (CORS/sandboxing). The only exception is the `ISO3166Module` which is explicitly node-only.
+
+For external APIs (non-Modrinth), pass the full base URL as the `api` field and set `skipAuth: true`:
+
+```ts
+this.client.request<MyType>('/endpoint', {
+	api: 'https://external-api.com',
+	version: 1,
+	method: 'POST',
+	body: { data },
+	skipAuth: true,
+})
+```
+
 ## Usage
 
 The client is provided to the component tree via DI (see the `dependency-injection` skill). Each app creates a platform-specific client and provides it at the root:
diff --git a/packages/api-client/src/core/abstract-client.ts b/packages/api-client/src/core/abstract-client.ts
index 8ab7fee25..a8dd1a3e9 100644
--- a/packages/api-client/src/core/abstract-client.ts
+++ b/packages/api-client/src/core/abstract-client.ts
@@ -30,6 +30,10 @@ export abstract class AbstractModrinthClient extends AbstractUploadClient {
 	public readonly archon!: InferredClientModules['archon'] & { sockets: AbstractWebSocketClient }
 	public readonly kyros!: InferredClientModules['kyros']
 	public readonly iso3166!: InferredClientModules['iso3166']
+	public readonly mclogs!: InferredClientModules['mclogs']
+	public readonly launchermeta!: InferredClientModules['launchermeta']
+	public readonly paper!: InferredClientModules['paper']
+	public readonly purpur!: InferredClientModules['purpur']
 
 	constructor(config: ClientConfig) {
 		super()
diff --git a/packages/api-client/src/features/panel-version.ts b/packages/api-client/src/features/panel-version.ts
index 19d062191..5f35bdd70 100644
--- a/packages/api-client/src/features/panel-version.ts
+++ b/packages/api-client/src/features/panel-version.ts
@@ -12,7 +12,7 @@ export class PanelVersionFeature extends AbstractFeature {
 		return next()
 	}
 
-	shouldApply(_: RequestContext): boolean {
-		return true
+	shouldApply(context: RequestContext): boolean {
+		return context.options.api === 'labrinth' || context.options.api === 'archon'
 	}
 }
diff --git a/packages/api-client/src/modules/archon/types.ts b/packages/api-client/src/modules/archon/types.ts
index 9c0c315f8..9af5472ce 100644
--- a/packages/api-client/src/modules/archon/types.ts
+++ b/packages/api-client/src/modules/archon/types.ts
@@ -499,6 +499,16 @@ export namespace Archon {
 				message: string
 			}
 
+			export type WSLog4jEvent = {
+				event: 'log4j'
+				logger_name?: string
+				level?: string
+				thread_name?: string
+				timestamp_millis?: number
+				message?: string
+				throwable?: string
+			}
+
 			export type WSStatsEvent = {
 				event: 'stats'
 				cpu_percent: number
@@ -644,6 +654,7 @@ export namespace Archon {
 			export type WSEvent =
 				| WSBackupProgressEvent
 				| WSLogEvent
+				| WSLog4jEvent
 				| WSStatsEvent
 				| WSPowerStateEvent
 				| WSStateEvent
diff --git a/packages/api-client/src/modules/index.ts b/packages/api-client/src/modules/index.ts
index 3312b7388..9eed22bc7 100644
--- a/packages/api-client/src/modules/index.ts
+++ b/packages/api-client/src/modules/index.ts
@@ -9,6 +9,7 @@ import { ArchonServersV1Module } from './archon/servers/v1'
 import { ISO3166Module } from './iso3166'
 import { KyrosContentV1Module } from './kyros/content/v1'
 import { KyrosFilesV0Module } from './kyros/files/v0'
+import { KyrosLogsV1Module } from './kyros/logs/v1'
 import { LabrinthVersionsV2Module, LabrinthVersionsV3Module } from './labrinth'
 import { LabrinthAffiliateInternalModule } from './labrinth/affiliate/internal'
 import { LabrinthAuthInternalModule } from './labrinth/auth/internal'
@@ -36,6 +37,8 @@ import { LabrinthTechReviewInternalModule } from './labrinth/tech-review/interna
 import { LabrinthThreadsV3Module } from './labrinth/threads/v3'
 import { LabrinthUsersV2Module } from './labrinth/users/v2'
 import { LauncherMetaManifestV0Module } from './launcher-meta/v0'
+import { MclogsInsightsV1Module } from './mclogs/insights/v1'
+import { MclogsLogsV1Module } from './mclogs/logs/v1'
 import { PaperVersionsV3Module } from './paper/v3'
 import { PurpurVersionsV2Module } from './purpur/v2'
 
@@ -58,9 +61,12 @@ export const MODULE_REGISTRY = {
 	archon_servers_v0: ArchonServersV0Module,
 	archon_servers_v1: ArchonServersV1Module,
 	iso3166_data: ISO3166Module,
+	mclogs_insights_v1: MclogsInsightsV1Module,
+	mclogs_logs_v1: MclogsLogsV1Module,
 	launchermeta_manifest_v0: LauncherMetaManifestV0Module,
 	kyros_content_v1: KyrosContentV1Module,
 	kyros_files_v0: KyrosFilesV0Module,
+	kyros_logs_v1: KyrosLogsV1Module,
 	labrinth_affiliate_internal: LabrinthAffiliateInternalModule,
 	labrinth_auth_internal: LabrinthAuthInternalModule,
 	labrinth_auth_v2: LabrinthAuthV2Module,
diff --git a/packages/api-client/src/modules/kyros/files/v0.ts b/packages/api-client/src/modules/kyros/files/v0.ts
index 4712c0837..fb8f4d19b 100644
--- a/packages/api-client/src/modules/kyros/files/v0.ts
+++ b/packages/api-client/src/modules/kyros/files/v0.ts
@@ -1,12 +1,19 @@
 import { AbstractModule } from '../../../core/abstract-module'
 import type { UploadHandle, UploadProgress } from '../../../types/upload'
+import type { Archon } from '../../archon/types'
 import type { Kyros } from '../types'
 
+type NodeFsAuth = Pick<Archon.Servers.v0.JWTAuth, 'url' | 'token'>
+
 export class KyrosFilesV0Module extends AbstractModule {
 	public getModuleID(): string {
 		return 'kyros_files_v0'
 	}
 
+	private getNodeBaseUrl(auth: NodeFsAuth): string {
+		return `https://${auth.url.replace(/\/modrinth\/v\d+\/fs\/?$/, '')}`
+	}
+
 	/**
 	 * List directory contents with pagination
 	 *
@@ -62,6 +69,24 @@ export class KyrosFilesV0Module extends AbstractModule {
 		})
 	}
 
+	/**
+	 * Download a file using explicit filesystem auth credentials.
+	 *
+	 * @param auth - Filesystem auth (url + token) from Archon
+	 * @param path - File path (e.g., "/server-icon.png")
+	 * @returns Promise resolving to file Blob
+	 */
+	public async downloadFileWithAuth(auth: NodeFsAuth, path: string): Promise<Blob> {
+		return this.client.request<Blob>('/fs/download', {
+			api: this.getNodeBaseUrl(auth),
+			version: 'modrinth/v0',
+			method: 'GET',
+			params: { path },
+			headers: { Authorization: `Bearer ${auth.token}` },
+			skipAuth: true,
+		})
+	}
+
 	/**
 	 * Upload a file to a server's filesystem with progress tracking
 	 *
@@ -89,6 +114,36 @@ export class KyrosFilesV0Module extends AbstractModule {
 		})
 	}
 
+	/**
+	 * Upload a file using explicit filesystem auth credentials.
+	 *
+	 * @param auth - Filesystem auth (url + token) from Archon
+	 * @param path - Destination path (e.g., "/server-icon.png")
+	 * @param file - File to upload
+	 * @param options - Optional progress callback and feature overrides
+	 * @returns UploadHandle with promise, onProgress, and cancel
+	 */
+	public uploadFileWithAuth(
+		auth: NodeFsAuth,
+		path: string,
+		file: File | Blob,
+		options?: {
+			onProgress?: (progress: UploadProgress) => void
+			retry?: boolean | number
+		},
+	): UploadHandle<void> {
+		return this.client.upload<void>('/fs/create', {
+			api: this.getNodeBaseUrl(auth),
+			version: 'modrinth/v0',
+			file,
+			params: { path, type: 'file' },
+			headers: { Authorization: `Bearer ${auth.token}` },
+			onProgress: options?.onProgress,
+			retry: options?.retry,
+			skipAuth: true,
+		})
+	}
+
 	/**
 	 * Update file contents
 	 *
@@ -152,6 +207,28 @@ export class KyrosFilesV0Module extends AbstractModule {
 		})
 	}
 
+	/**
+	 * Delete a file or folder using explicit filesystem auth credentials.
+	 *
+	 * @param auth - Filesystem auth (url + token) from Archon
+	 * @param path - Path to delete
+	 * @param recursive - If true, delete directory contents recursively
+	 */
+	public async deleteFileOrFolderWithAuth(
+		auth: NodeFsAuth,
+		path: string,
+		recursive: boolean,
+	): Promise<void> {
+		return this.client.request<void>('/fs/delete', {
+			api: this.getNodeBaseUrl(auth),
+			version: 'modrinth/v0',
+			method: 'DELETE',
+			params: { path, recursive },
+			headers: { Authorization: `Bearer ${auth.token}` },
+			skipAuth: true,
+		})
+	}
+
 	/**
 	 * Extract an archive file (zip, tar, etc.)
 	 *
diff --git a/packages/api-client/src/modules/kyros/logs/v1.ts b/packages/api-client/src/modules/kyros/logs/v1.ts
new file mode 100644
index 000000000..01e4cc237
--- /dev/null
+++ b/packages/api-client/src/modules/kyros/logs/v1.ts
@@ -0,0 +1,17 @@
+import { AbstractModule } from '../../../core/abstract-module'
+
+export class KyrosLogsV1Module extends AbstractModule {
+	public getModuleID(): string {
+		return 'kyros_logs_v1'
+	}
+
+	/** POST /v1/logs/clear — clear the live logs buffer for the current server */
+	public async clear(): Promise<void> {
+		return this.client.request<void>('/logs/clear', {
+			api: '',
+			version: 'v1',
+			method: 'POST',
+			useNodeAuth: true,
+		})
+	}
+}
diff --git a/packages/api-client/src/modules/mclogs/insights/v1.ts b/packages/api-client/src/modules/mclogs/insights/v1.ts
new file mode 100644
index 000000000..26a4b7bfd
--- /dev/null
+++ b/packages/api-client/src/modules/mclogs/insights/v1.ts
@@ -0,0 +1,19 @@
+import { AbstractModule } from '../../../core/abstract-module'
+import type { Mclogs } from '../types'
+
+export class MclogsInsightsV1Module extends AbstractModule {
+	public getModuleID(): string {
+		return 'mclogs_insights_v1'
+	}
+
+	public async analyse(content: string): Promise<Mclogs.Insights.v1.InsightsResponse> {
+		return this.client.request<Mclogs.Insights.v1.InsightsResponse>('/analyse', {
+			api: 'https://api.mclo.gs',
+			version: '1',
+			method: 'POST',
+			body: new URLSearchParams({ content }),
+			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+			skipAuth: true,
+		})
+	}
+}
diff --git a/packages/api-client/src/modules/mclogs/logs/v1.ts b/packages/api-client/src/modules/mclogs/logs/v1.ts
new file mode 100644
index 000000000..b3179d6a5
--- /dev/null
+++ b/packages/api-client/src/modules/mclogs/logs/v1.ts
@@ -0,0 +1,19 @@
+import { AbstractModule } from '../../../core/abstract-module'
+import type { Mclogs } from '../types'
+
+export class MclogsLogsV1Module extends AbstractModule {
+	public getModuleID(): string {
+		return 'mclogs_logs_v1'
+	}
+
+	public async create(content: string): Promise<Mclogs.Logs.v1.CreateResponse> {
+		return this.client.request<Mclogs.Logs.v1.CreateResponse>('/log', {
+			api: 'https://api.mclo.gs',
+			version: '1',
+			method: 'POST',
+			body: new URLSearchParams({ content }),
+			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+			skipAuth: true,
+		})
+	}
+}
diff --git a/packages/api-client/src/modules/mclogs/types.ts b/packages/api-client/src/modules/mclogs/types.ts
new file mode 100644
index 000000000..2894827b5
--- /dev/null
+++ b/packages/api-client/src/modules/mclogs/types.ts
@@ -0,0 +1,63 @@
+export namespace Mclogs {
+	export namespace Insights {
+		export namespace v1 {
+			export type LogEntry = {
+				level: number
+				time: string | null
+				prefix: string
+				lines: Array<{ number: number; content: string }>
+			}
+
+			export type Solution = {
+				message: string
+			}
+
+			export type Problem = {
+				message: string
+				counter: number
+				entry: LogEntry
+				solutions: Solution[]
+			}
+
+			export type Information = {
+				message: string
+				counter: number
+				label: string
+				value: string
+				entry: LogEntry
+			}
+
+			export type Analysis = {
+				problems: Problem[]
+				information: Information[]
+			}
+
+			export type InsightsResponse = {
+				id: string
+				name: string
+				type: string
+				version: string
+				title: string
+				analysis: Analysis
+			}
+		}
+	}
+
+	export namespace Logs {
+		export namespace v1 {
+			export type CreateResponse = {
+				success: boolean
+				id: string
+				source: string | null
+				created: number
+				expires: number
+				size: number
+				lines: number
+				errors: number
+				url: string
+				raw: string
+				token: string
+			}
+		}
+	}
+}
diff --git a/packages/api-client/src/modules/types.ts b/packages/api-client/src/modules/types.ts
index 3baa5cf66..d86e87723 100644
--- a/packages/api-client/src/modules/types.ts
+++ b/packages/api-client/src/modules/types.ts
@@ -3,5 +3,6 @@ export * from './iso3166/types'
 export * from './kyros/types'
 export * from './labrinth/types'
 export * from './launcher-meta/types'
+export * from './mclogs/types'
 export * from './paper/types'
 export * from './purpur/types'
diff --git a/packages/api-client/src/platform/tauri.ts b/packages/api-client/src/platform/tauri.ts
index 357a73ab7..6b3c2ed61 100644
--- a/packages/api-client/src/platform/tauri.ts
+++ b/packages/api-client/src/platform/tauri.ts
@@ -103,8 +103,38 @@ export class TauriModrinthClient extends XHRUploadClient {
 				throw error
 			}
 
-			const data = await response.json()
-			return data as T
+			// Handle binary downloads (e.g. kyros fs files) before JSON parsing.
+			const contentType = response.headers.get('content-type')?.toLowerCase() ?? ''
+			if (fullUrl.includes('/fs/download')) {
+				return (await response.blob()) as T
+			}
+			if (
+				contentType.startsWith('image/') ||
+				contentType.startsWith('audio/') ||
+				contentType.startsWith('video/') ||
+				contentType.includes('application/octet-stream')
+			) {
+				return (await response.blob()) as T
+			}
+
+			if (response.status === 204 || response.status === 205) {
+				return undefined as T
+			}
+
+			if (contentType.includes('application/json') || contentType.includes('+json')) {
+				return (await response.json()) as T
+			}
+
+			const text = await response.text()
+			if (!text) {
+				return undefined as T
+			}
+
+			try {
+				return JSON.parse(text) as T
+			} catch {
+				return text as T
+			}
 		} catch (error) {
 			throw this.normalizeError(error)
 		}
diff --git a/packages/app-lib/.env.prod b/packages/app-lib/.env.prod
index a073e5c96..94f2c2d34 100644
--- a/packages/app-lib/.env.prod
+++ b/packages/app-lib/.env.prod
@@ -1,5 +1,6 @@
 MODRINTH_URL=https://modrinth.com/
 MODRINTH_API_BASE_URL=https://api.modrinth.com/
+MODRINTH_ARCHON_BASE_URL=https://archon.modrinth.com/
 MODRINTH_API_URL=https://api.modrinth.com/v2/
 MODRINTH_API_URL_V3=https://api.modrinth.com/v3/
 MODRINTH_SOCKET_URL=wss://api.modrinth.com/
diff --git a/packages/app-lib/.env.prod-with-staging-archon b/packages/app-lib/.env.prod-with-staging-archon
new file mode 100644
index 000000000..b2d549c0e
--- /dev/null
+++ b/packages/app-lib/.env.prod-with-staging-archon
@@ -0,0 +1,12 @@
+MODRINTH_URL=https://modrinth.com/
+MODRINTH_API_BASE_URL=https://api.modrinth.com/
+MODRINTH_ARCHON_BASE_URL=https://staging-archon.modrinth.com/
+MODRINTH_API_URL=https://api.modrinth.com/v2/
+MODRINTH_API_URL_V3=https://api.modrinth.com/v3/
+MODRINTH_SOCKET_URL=wss://api.modrinth.com/
+MODRINTH_LAUNCHER_META_URL=https://launcher-meta.modrinth.com/
+
+# SQLite database file used by sqlx for type checking. Uncomment this to a valid path
+# in your system and run `cargo sqlx database setup` to generate an empty database that
+# can be used for developing the app DB schema
+#DATABASE_URL=sqlite:///tmp/Modrinth/code/packages/app-lib/.sqlx/generated/state.db
diff --git a/packages/app-lib/.env.staging b/packages/app-lib/.env.staging
index d68aa0b08..0094b73e5 100644
--- a/packages/app-lib/.env.staging
+++ b/packages/app-lib/.env.staging
@@ -1,5 +1,6 @@
 MODRINTH_URL=https://staging.modrinth.com/
 MODRINTH_API_BASE_URL=https://staging-api.modrinth.com/
+MODRINTH_ARCHON_BASE_URL=https://staging-archon.modrinth.com/
 MODRINTH_API_URL=https://staging-api.modrinth.com/v2/
 MODRINTH_API_URL_V3=https://staging-api.modrinth.com/v3/
 MODRINTH_SOCKET_URL=wss://staging-api.modrinth.com/
diff --git a/packages/app-lib/src/api/logs.rs b/packages/app-lib/src/api/logs.rs
index 265d9bcb4..c174977ed 100644
--- a/packages/app-lib/src/api/logs.rs
+++ b/packages/app-lib/src/api/logs.rs
@@ -299,6 +299,26 @@ pub async fn delete_logs_by_filename(
     Ok(())
 }
 
+#[tracing::instrument]
+pub async fn get_live_log_buffer(
+    profile_path: &str,
+) -> crate::Result<CensoredString> {
+    let state = State::get().await?;
+    let lines = crate::state::get_log_buffer(profile_path);
+    let joined = lines.join("\n");
+
+    let credentials = Credentials::get_all(&state.pool)
+        .await?
+        .into_iter()
+        .map(|x| x.1)
+        .collect::<Vec<_>>();
+    Ok(CensoredString::censor(joined, &credentials))
+}
+
+pub fn clear_live_log_buffer(profile_path: &str) {
+    crate::state::remove_log_buffer(profile_path);
+}
+
 #[tracing::instrument]
 pub async fn get_latest_log_cursor(
     profile_path: &str,
diff --git a/packages/app-lib/src/event/mod.rs b/packages/app-lib/src/event/mod.rs
index a65a7270d..f570d78a9 100644
--- a/packages/app-lib/src/event/mod.rs
+++ b/packages/app-lib/src/event/mod.rs
@@ -270,6 +270,29 @@ pub enum FriendPayload {
     StatusSync,
 }
 
+#[cfg(feature = "tauri")]
+pub use self::log_types::*;
+
+#[cfg(feature = "tauri")]
+mod log_types {
+    use crate::state::Log4jEvent;
+    use serde::Serialize;
+
+    #[derive(Serialize, Clone)]
+    #[serde(tag = "type", rename_all = "snake_case")]
+    pub enum LogEvent {
+        Log4j(Log4jEvent),
+        Legacy { message: String },
+    }
+
+    #[derive(Serialize, Clone)]
+    pub struct LogPayload {
+        pub profile_path_id: String,
+        #[serde(flatten)]
+        pub event: LogEvent,
+    }
+}
+
 #[derive(Debug, thiserror::Error)]
 pub enum EventError {
     #[error("Event state was not properly initialized")]
diff --git a/packages/app-lib/src/state/process.rs b/packages/app-lib/src/state/process.rs
index bfcb70cf1..fb6f0da31 100644
--- a/packages/app-lib/src/state/process.rs
+++ b/packages/app-lib/src/state/process.rs
@@ -1,4 +1,6 @@
 use crate::event::emit::{emit_process, emit_profile};
+#[cfg(feature = "tauri")]
+use crate::event::{LogEvent, LogPayload};
 use crate::event::{ProcessPayloadType, ProfilePayloadType};
 use crate::profile;
 use crate::util::io::IOError;
@@ -9,17 +11,76 @@ use quick_xml::Reader;
 use quick_xml::events::Event;
 use serde::Deserialize;
 use serde::Serialize;
+use std::collections::VecDeque;
 use std::fmt::Debug;
 use std::fs::OpenOptions;
 use std::io::Write;
 use std::path::{Path, PathBuf};
 use std::process::ExitStatus;
+use std::sync::LazyLock;
+#[cfg(feature = "tauri")]
+use tauri::Emitter;
 use tempfile::TempDir;
 use tokio::io::{AsyncBufReadExt, BufReader};
 use tokio::process::{Child, Command};
 use uuid::Uuid;
 
 const LAUNCHER_LOG_PATH: &str = "launcher_log.txt";
+const LOG_BUFFER_CAPACITY: usize = 50_000;
+
+struct LogRingBuffer {
+    lines: VecDeque<String>,
+}
+
+impl LogRingBuffer {
+    fn new() -> Self {
+        Self {
+            lines: VecDeque::new(),
+        }
+    }
+
+    fn push(&mut self, line: String) {
+        if self.lines.len() >= LOG_BUFFER_CAPACITY {
+            self.lines.pop_front();
+        }
+        self.lines.push_back(line);
+    }
+
+    fn get_all(&self) -> Vec<String> {
+        self.lines.iter().cloned().collect()
+    }
+
+    fn clear(&mut self) {
+        self.lines.clear();
+    }
+}
+
+static LOG_BUFFERS: LazyLock<DashMap<String, LogRingBuffer>> =
+    LazyLock::new(DashMap::new);
+
+pub fn push_log_line(profile_path: &str, line: String) {
+    LOG_BUFFERS
+        .entry(profile_path.to_string())
+        .or_insert_with(LogRingBuffer::new)
+        .push(line);
+}
+
+pub fn get_log_buffer(profile_path: &str) -> Vec<String> {
+    LOG_BUFFERS
+        .get(profile_path)
+        .map(|buf| buf.get_all())
+        .unwrap_or_default()
+}
+
+pub fn clear_log_buffer(profile_path: &str) {
+    if let Some(mut buf) = LOG_BUFFERS.get_mut(profile_path) {
+        buf.clear();
+    }
+}
+
+pub fn remove_log_buffer(profile_path: &str) {
+    LOG_BUFFERS.remove(profile_path);
+}
 
 pub struct ProcessManager {
     processes: DashMap<Uuid, Process>,
@@ -91,6 +152,8 @@ impl ProcessManager {
 
         let log_path = logs_folder.join(LAUNCHER_LOG_PATH);
 
+        clear_log_buffer(profile_path);
+
         {
             let mut log_file = OpenOptions::new()
                 .write(true)
@@ -222,13 +285,14 @@ struct Process {
     rpc_server: RpcServer,
 }
 
-#[derive(Debug, Default)]
-struct Log4jEvent {
-    timestamp: Option<String>,
-    logger: Option<String>,
-    level: Option<String>,
-    thread: Option<String>,
-    message: Option<String>,
+#[derive(Debug, Default, Serialize, Clone)]
+pub struct Log4jEvent {
+    pub timestamp_millis: Option<i64>,
+    pub logger_name: Option<String>,
+    pub level: Option<String>,
+    pub thread_name: Option<String>,
+    pub message: Option<String>,
+    pub throwable: Option<String>,
 }
 
 impl Process {
@@ -285,17 +349,19 @@ impl Process {
 
                                     match key.as_str() {
                                         "logger" => {
-                                            current_event.logger = Some(value)
+                                            current_event.logger_name =
+                                                Some(value)
                                         }
                                         "level" => {
                                             current_event.level = Some(value)
                                         }
                                         "thread" => {
-                                            current_event.thread = Some(value)
+                                            current_event.thread_name =
+                                                Some(value)
                                         }
                                         "timestamp" => {
-                                            current_event.timestamp =
-                                                Some(value)
+                                            current_event.timestamp_millis =
+                                                value.parse::<i64>().ok()
                                         }
                                         _ => {}
                                     }
@@ -321,39 +387,17 @@ impl Process {
                             }
                             b"log4j:Throwable" => {
                                 in_throwable = false;
-                                // Process and write the log entry
-                                let thread = current_event
-                                    .thread
-                                    .as_deref()
-                                    .unwrap_or("");
-                                let level = current_event
-                                    .level
-                                    .as_deref()
-                                    .unwrap_or("");
-                                let logger = current_event
-                                    .logger
-                                    .as_deref()
-                                    .unwrap_or("");
+                                current_event.throwable =
+                                    if current_content.is_empty() {
+                                        None
+                                    } else {
+                                        Some(current_content.clone())
+                                    };
 
-                                if let Some(message) = &current_event.message {
-                                    let formatted_time =
-                                        Process::format_timestamp(
-                                            current_event.timestamp.as_deref(),
-                                        );
-                                    let formatted_log = format!(
-                                        "{} [{}] [{}{}]: {}\n",
-                                        formatted_time,
-                                        thread,
-                                        if !logger.is_empty() {
-                                            format!("{logger}/")
-                                        } else {
-                                            String::new()
-                                        },
-                                        level,
-                                        message.trim()
-                                    );
-
-                                    // Write the log message
+                                // Write log entry + throwable to file
+                                if let Some(formatted_log) =
+                                    Self::format_log4j_entry(&current_event)
+                                {
                                     if let Err(e) = Process::append_to_log_file(
                                         &log_path,
                                         &formatted_log,
@@ -364,12 +408,11 @@ impl Process {
                                         );
                                     }
 
-                                    // Write the throwable if present
-                                    if !current_content.is_empty()
+                                    if let Some(ref throwable) =
+                                        current_event.throwable
                                         && let Err(e) =
                                             Process::append_to_log_file(
-                                                &log_path,
-                                                &current_content,
+                                                &log_path, throwable,
                                             )
                                     {
                                         tracing::error!(
@@ -378,68 +421,55 @@ impl Process {
                                         );
                                     }
                                 }
+
+                                Self::emit_log4j_event(
+                                    profile_path,
+                                    &current_event,
+                                );
                             }
                             b"log4j:Event" => {
                                 in_event = false;
                                 // If no throwable was present, write the log entry at the end of the event
                                 if current_event.message.is_some()
-                                    && !in_throwable
+                                    && current_event.throwable.is_none()
                                 {
-                                    let thread = current_event
-                                        .thread
-                                        .as_deref()
-                                        .unwrap_or("");
-                                    let level = current_event
-                                        .level
-                                        .as_deref()
-                                        .unwrap_or("");
-                                    let logger = current_event
-                                        .logger
-                                        .as_deref()
-                                        .unwrap_or("");
-                                    let message = current_event
-                                        .message
-                                        .as_deref()
-                                        .unwrap_or("")
-                                        .trim();
-
-                                    let formatted_time =
-                                        Process::format_timestamp(
-                                            current_event.timestamp.as_deref(),
-                                        );
-                                    let formatted_log = format!(
-                                        "{} [{}] [{}{}]: {}\n",
-                                        formatted_time,
-                                        thread,
-                                        if !logger.is_empty() {
-                                            format!("{logger}/")
-                                        } else {
-                                            String::new()
-                                        },
-                                        level,
-                                        message
-                                    );
-
-                                    // Write the log message
-                                    if let Err(e) = Process::append_to_log_file(
-                                        &log_path,
-                                        &formatted_log,
-                                    ) {
+                                    if let Some(formatted_log) =
+                                        Self::format_log4j_entry(&current_event)
+                                        && let Err(e) =
+                                            Process::append_to_log_file(
+                                                &log_path,
+                                                &formatted_log,
+                                            )
+                                    {
                                         tracing::error!(
                                             "Failed to write to log file: {}",
                                             e
                                         );
                                     }
 
-                                    if let Some(timestamp) =
-                                        current_event.timestamp.as_deref()
-                                        && let Err(e) = Self::maybe_handle_server_join_logging(
+                                    if let Some(timestamp_millis) =
+                                        current_event.timestamp_millis
+                                    {
+                                        let timestamp =
+                                            timestamp_millis.to_string();
+                                        let message = current_event
+                                            .message
+                                            .as_deref()
+                                            .unwrap_or("")
+                                            .trim();
+                                        if let Err(e) = Self::maybe_handle_server_join_logging(
                                             profile_path,
-                                            timestamp,
-                                            message
+                                            &timestamp,
+                                            message,
                                         ).await {
                                             tracing::error!("Failed to handle server join logging: {e}");
                                         }
+                                    }
+
+                                    Self::emit_log4j_event(
+                                        profile_path,
+                                        &current_event,
+                                    );
                                 }
                             }
                             _ => {}
@@ -454,15 +484,17 @@ impl Process {
                             && !e.inplace_trim_end()
                             && !e.inplace_trim_start()
                             && let Ok(text) = e.xml_content()
-                            && let Err(e) = Process::append_to_log_file(
+                        {
+                            if let Err(e) = Process::append_to_log_file(
                                 &log_path,
                                 &format!("{text}\n"),
-                            )
-                        {
-                            tracing::error!(
-                                "Failed to write to log file: {}",
-                                e
-                            );
+                            ) {
+                                tracing::error!(
+                                    "Failed to write to log file: {}",
+                                    e
+                                );
+                            }
+                            Self::emit_legacy_log(profile_path, &text);
                         }
                     }
                     Ok(Event::CData(e)) => {
@@ -489,6 +521,7 @@ impl Process {
                     if let Err(e) = Self::append_to_log_file(&log_path, &line) {
                         tracing::warn!("Failed to write to log file: {}", e);
                     }
+                    Self::emit_legacy_log(profile_path, line.trim_ascii_end());
                     if let Err(e) = Self::maybe_handle_old_server_join_logging(
                         profile_path,
                         line.trim_ascii_end(),
@@ -506,30 +539,98 @@ impl Process {
         }
     }
 
-    fn format_timestamp(timestamp: Option<&str>) -> String {
-        if let Some(timestamp_str) = timestamp {
-            if let Ok(timestamp_val) = timestamp_str.parse::<i64>() {
-                let datetime_utc = if timestamp_val > i32::MAX as i64 {
-                    let secs = timestamp_val / 1000;
-                    let nsecs = ((timestamp_val % 1000) * 1_000_000) as u32;
+    fn format_timestamp(timestamp_millis: Option<i64>) -> String {
+        if let Some(timestamp_val) = timestamp_millis {
+            let datetime_utc = if timestamp_val > i32::MAX as i64 {
+                let secs = timestamp_val / 1000;
+                let nsecs = ((timestamp_val % 1000) * 1_000_000) as u32;
 
-                    chrono::DateTime::<Utc>::from_timestamp(secs, nsecs)
-                        .unwrap_or_default()
-                } else {
-                    chrono::DateTime::<Utc>::from_timestamp_secs(timestamp_val)
-                        .unwrap_or_default()
-                };
-
-                let datetime_local = datetime_utc.with_timezone(&chrono::Local);
-                format!("[{}]", datetime_local.format("%H:%M:%S"))
+                chrono::DateTime::<Utc>::from_timestamp(secs, nsecs)
+                    .unwrap_or_default()
             } else {
-                "[??:??:??]".to_string()
-            }
+                chrono::DateTime::<Utc>::from_timestamp_secs(timestamp_val)
+                    .unwrap_or_default()
+            };
+
+            let datetime_local = datetime_utc.with_timezone(&chrono::Local);
+            format!("[{}]", datetime_local.format("%H:%M:%S"))
         } else {
             "[??:??:??]".to_string()
         }
     }
 
+    fn format_log4j_entry(event: &Log4jEvent) -> Option<String> {
+        let message = event.message.as_ref()?;
+        let thread = event.thread_name.as_deref().unwrap_or("");
+        let level = event.level.as_deref().unwrap_or("");
+        let logger = event.logger_name.as_deref().unwrap_or("");
+        let formatted_time = Self::format_timestamp(event.timestamp_millis);
+
+        Some(format!(
+            "{} [{}] [{}{}]: {}\n",
+            formatted_time,
+            thread,
+            if !logger.is_empty() {
+                format!("{logger}/")
+            } else {
+                String::new()
+            },
+            level,
+            message.trim()
+        ))
+    }
+
+    fn emit_log4j_event(profile_path: &str, event: &Log4jEvent) {
+        if let Some(formatted) = Self::format_log4j_entry(event) {
+            push_log_line(profile_path, formatted.trim_end().to_string());
+        }
+        if let Some(ref throwable) = event.throwable {
+            for line in throwable.lines().filter(|l| !l.is_empty()) {
+                push_log_line(profile_path, line.to_string());
+            }
+        }
+
+        #[cfg(feature = "tauri")]
+        {
+            if let Ok(event_state) = crate::EventState::get() {
+                let _ = event_state.app.emit(
+                    "log",
+                    LogPayload {
+                        profile_path_id: profile_path.to_string(),
+                        event: LogEvent::Log4j(event.clone()),
+                    },
+                );
+            }
+        }
+        #[cfg(not(feature = "tauri"))]
+        {
+            let _ = (profile_path, event);
+        }
+    }
+
+    fn emit_legacy_log(profile_path: &str, message: &str) {
+        push_log_line(profile_path, message.to_string());
+
+        #[cfg(feature = "tauri")]
+        {
+            if let Ok(event_state) = crate::EventState::get() {
+                let _ = event_state.app.emit(
+                    "log",
+                    LogPayload {
+                        profile_path_id: profile_path.to_string(),
+                        event: LogEvent::Legacy {
+                            message: message.to_string(),
+                        },
+                    },
+                );
+            }
+        }
+        #[cfg(not(feature = "tauri"))]
+        {
+            let _ = (profile_path, message);
+        }
+    }
+
     fn append_to_log_file(
         path: impl AsRef<Path>,
         line: &str,
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index ff66853f3..7e815d793 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -3,8 +3,6 @@
 
 import type { FunctionalComponent, SVGAttributes } from 'vue'
 
-export type IconComponent = FunctionalComponent<SVGAttributes>
-
 import _AffiliateIcon from './icons/affiliate.svg?component'
 import _AlignLeftIcon from './icons/align-left.svg?component'
 import _ArchiveIcon from './icons/archive.svg?component'
@@ -202,6 +200,7 @@ import _SearchIcon from './icons/search.svg?component'
 import _SendIcon from './icons/send.svg?component'
 import _ServerIcon from './icons/server.svg?component'
 import _ServerPlusIcon from './icons/server-plus.svg?component'
+import _ServerStackIcon from './icons/server-stack.svg?component'
 import _SettingsIcon from './icons/settings.svg?component'
 import _Settings2Icon from './icons/settings-2.svg?component'
 import _ShareIcon from './icons/share.svg?component'
@@ -386,12 +385,15 @@ import _VersionIcon from './icons/version.svg?component'
 import _WikiIcon from './icons/wiki.svg?component'
 import _WindowIcon from './icons/window.svg?component'
 import _WorldIcon from './icons/world.svg?component'
+import _WrapTextIcon from './icons/wrap-text.svg?component'
 import _WrenchIcon from './icons/wrench.svg?component'
 import _XIcon from './icons/x.svg?component'
 import _XCircleIcon from './icons/x-circle.svg?component'
 import _ZoomInIcon from './icons/zoom-in.svg?component'
 import _ZoomOutIcon from './icons/zoom-out.svg?component'
 
+export type IconComponent = FunctionalComponent<SVGAttributes>
+
 export const AffiliateIcon = _AffiliateIcon
 export const AlignLeftIcon = _AlignLeftIcon
 export const ArchiveIcon = _ArchiveIcon
@@ -589,6 +591,7 @@ export const SearchIcon = _SearchIcon
 export const SendIcon = _SendIcon
 export const ServerIcon = _ServerIcon
 export const ServerPlusIcon = _ServerPlusIcon
+export const ServerStackIcon = _ServerStackIcon
 export const SettingsIcon = _SettingsIcon
 export const Settings2Icon = _Settings2Icon
 export const ShareIcon = _ShareIcon
@@ -773,6 +776,7 @@ export const VersionIcon = _VersionIcon
 export const WikiIcon = _WikiIcon
 export const WindowIcon = _WindowIcon
 export const WorldIcon = _WorldIcon
+export const WrapTextIcon = _WrapTextIcon
 export const WrenchIcon = _WrenchIcon
 export const XIcon = _XIcon
 export const XCircleIcon = _XCircleIcon
diff --git a/packages/assets/icons/server-stack.svg b/packages/assets/icons/server-stack.svg
new file mode 100644
index 000000000..81f8f6d56
--- /dev/null
+++ b/packages/assets/icons/server-stack.svg
@@ -0,0 +1,18 @@
+<!-- @license lucide-static v0.562.0 - ISC -->
+<svg
+  class="lucide lucide-server"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect width="20" height="8" x="2" y="2" rx="2" ry="2" />
+  <rect width="20" height="8" x="2" y="14" rx="2" ry="2" />
+  <line x1="6" x2="6.01" y1="6" y2="6" />
+  <line x1="6" x2="6.01" y1="18" y2="18" />
+</svg>
diff --git a/packages/assets/icons/server.svg b/packages/assets/icons/server.svg
index 54e05379d..a09b0fee4 100644
--- a/packages/assets/icons/server.svg
+++ b/packages/assets/icons/server.svg
@@ -1 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
+<!-- @license lucide-static v0.562.0 - ISC -->
+<svg
+  class="lucide lucide-hard-drive"
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="22" x2="2" y1="12" y2="12" />
+  <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
+  <line x1="6" x2="6.01" y1="16" y2="16" />
+  <line x1="10" x2="10.01" y1="16" y2="16" />
+</svg>
diff --git a/packages/assets/icons/wrap-text.svg b/packages/assets/icons/wrap-text.svg
new file mode 100644
index 000000000..ed9eb6b32
--- /dev/null
+++ b/packages/assets/icons/wrap-text.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+	stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-text-wrap-icon lucide-text-wrap">
+	<path d="m16 16-3 3 3 3" />
+	<path d="M3 12h14.5a1 1 0 0 1 0 7H13" />
+	<path d="M3 19h6" />
+	<path d="M3 5h18" />
+</svg>
diff --git a/packages/assets/styles/classes.scss b/packages/assets/styles/classes.scss
index c04546b7b..5b50ab8a1 100644
--- a/packages/assets/styles/classes.scss
+++ b/packages/assets/styles/classes.scss
@@ -527,8 +527,6 @@ a:not(.no-click-animation),
 	margin-bottom: var(--gap-md);
 	outline: 2px solid transparent;
 
-	box-shadow: var(--shadow-card);
-
 	.card__overlay {
 		position: absolute;
 		top: 1rem;
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index d775c85df..9b340008e 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -1,15 +1,22 @@
-import '@modrinth/assets/omorphia.scss'
 import 'floating-vue/dist/style.css'
-import '../src/styles/tailwind.css'
+import '../../assets/styles/defaults.scss'
+// frontend css imports
+// import '../../../apps/frontend/src/assets/styles/global.scss'
+// import '../../../apps/frontend/src/assets/styles/tailwind.css'
+// ---
+// app-frontend css imports
+import '../../../apps/app-frontend/src/assets/stylesheets/global.scss'
 
 import type { Labrinth } from '@modrinth/api-client'
 import { GenericModrinthClient } from '@modrinth/api-client'
 import { withThemeByClassName } from '@storybook/addon-themes'
 import type { Preview } from '@storybook/vue3-vite'
 import { setup } from '@storybook/vue3-vite'
+import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query'
 import FloatingVue from 'floating-vue'
-import { defineComponent, ref } from 'vue'
+import { computed, defineComponent, h, ref } from 'vue'
 import { createI18n } from 'vue-i18n'
+import { createMemoryHistory, createRouter } from 'vue-router'
 
 import NotificationPanel from '../src/components/nav/NotificationPanel.vue'
 import PopupNotificationPanel from '../src/components/nav/PopupNotificationPanel.vue'
@@ -109,9 +116,68 @@ class StorybookPopupNotificationManager extends AbstractPopupNotificationManager
 	}
 }
 
+const StorybookLink = defineComponent({
+	name: 'StorybookLink',
+	inheritAttrs: false,
+	props: {
+		to: {
+			type: [String, Object],
+			default: '',
+		},
+	},
+	setup(props, { attrs, slots }) {
+		const href = computed(() => {
+			if (typeof props.to === 'string') return props.to || '#'
+			if (props.to && typeof props.to === 'object' && 'path' in props.to) {
+				const path = props.to.path
+				return typeof path === 'string' ? path : '#'
+			}
+			return '#'
+		})
+
+		return () =>
+			h(
+				'a',
+				{
+					...attrs,
+					href: href.value,
+				},
+				slots.default?.(),
+			)
+	},
+})
+
+const StorybookClientOnly = defineComponent({
+	name: 'StorybookClientOnly',
+	setup(_, { slots }) {
+		return () => slots.default?.()
+	},
+})
+
 setup((app) => {
+	const queryClient = new QueryClient({
+		defaultOptions: {
+			queries: {
+				retry: false,
+			},
+			mutations: {
+				retry: false,
+			},
+		},
+	})
+	app.use(VueQueryPlugin, { queryClient })
 	app.use(i18n)
 
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	})
+	app.use(router)
+
+	app.component('NuxtLink', StorybookLink)
+	app.component('RouterLink', StorybookLink)
+	app.component('ClientOnly', StorybookClientOnly)
+
 	// Provide the custom I18nContext for components using injectI18n()
 	const i18nContext: I18nContext = {
 		locale: i18n.global.locale,
diff --git a/packages/ui/CLAUDE.md b/packages/ui/CLAUDE.md
index b5000aeed..db030d9b5 100644
--- a/packages/ui/CLAUDE.md
+++ b/packages/ui/CLAUDE.md
@@ -80,3 +80,17 @@ Key providers exported from this package:
 
 - `provideModrinthClient` / `injectModrinthClient` — API client
 - `provideNotificationManager` / `injectNotificationManager` — Notifications
+
+## Vue Template Rules
+
+### Multi-statement event handlers
+
+Never use newline-separated statements in Vue template event handlers like `@click`. Vue's template compiler cannot parse multi-line expressions separated only by newlines. Always use semicolons on a single line:
+
+```vue
+<!-- BAD: will cause "Unexpected token" parse error -->
+@click=" foo = true $emit('bar') "
+
+<!-- GOOD -->
+@click="foo = true; $emit('bar')"
+```
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 2132684af..5529a0c68 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -54,6 +54,7 @@
 		"@codemirror/language": "^6.9.3",
 		"@codemirror/state": "^6.3.2",
 		"@codemirror/view": "^6.22.1",
+		"@intercom/messenger-js-sdk": "^0.0.14",
 		"@modrinth/api-client": "workspace:*",
 		"@modrinth/assets": "workspace:*",
 		"@modrinth/blog": "workspace:*",
@@ -62,6 +63,7 @@
 		"@tresjs/cientos": "^4.3.0",
 		"@tresjs/core": "^4.3.4",
 		"@tresjs/post-processing": "^2.4.0",
+		"@types/dompurify": "^3.0.5",
 		"@types/markdown-it": "^14.1.1",
 		"@types/three": "^0.172.0",
 		"@vintl/how-ago": "^3.0.1",
@@ -72,6 +74,7 @@
 		"ace-builds": "^1.43.5",
 		"apexcharts": "^4.0.0",
 		"dayjs": "^1.11.10",
+		"dompurify": "^3.1.7",
 		"es-toolkit": "^1.44.0",
 		"floating-vue": "^5.2.2",
 		"fuse.js": "^6.6.2",
@@ -87,7 +90,7 @@
 		"vue-select": "4.0.0-beta.6",
 		"vue-typed-virtual-list": "^1.0.10",
 		"vue3-ace-editor": "^2.2.4",
-		"vue3-apexcharts": "^1.4.4",
+		"vue3-apexcharts": "^1.5.2",
 		"xss": "^1.0.14"
 	},
 	"web-types": "../../web-types.json"
diff --git a/packages/ui/src/components/base/BaseTerminal.vue b/packages/ui/src/components/base/BaseTerminal.vue
index 2f30e0c8e..ac4378ae9 100644
--- a/packages/ui/src/components/base/BaseTerminal.vue
+++ b/packages/ui/src/components/base/BaseTerminal.vue
@@ -1,12 +1,14 @@
 <template>
 	<div
-		class="flex size-full flex-col bg-surface-2 overflow-hidden rounded-[20px] border border-solid border-surface-4"
+		class="flex w-full flex-col bg-surface-2 overflow-hidden rounded-[20px] border border-solid border-surface-4"
+		:style="!fullscreen && componentHeight ? { minHeight: componentHeight + 'px' } : {}"
+		:class="{ 'h-full': fullscreen }"
 	>
-		<div class="relative min-h-0 pb-1 flex-1 overflow-hidden">
-			<div ref="containerRef" class="size-full pl-2" />
-			<div v-if="!isAtBottom" class="absolute bottom-4 right-4">
-				<ButtonStyled circular type="highlight">
-					<button class="!shadow-none" aria-label="Scroll to bottom" @click="scrollToBottom">
+		<div ref="wrapperRef" class="relative min-h-0 flex-1 overflow-hidden pb-2 pt-1">
+			<div ref="containerRef" class="size-full" />
+			<div v-if="!isAtBottom" class="absolute bottom-4 right-4 z-10">
+				<ButtonStyled circular type="highlight" size="large">
+					<button class="!shadow-2xl" aria-label="Scroll to bottom" @click="scrollToBottom">
 						<ChevronDownIcon />
 					</button>
 				</ButtonStyled>
@@ -14,12 +16,14 @@
 		</div>
 		<div
 			v-if="showInput"
-			class="border-t border-solid border-b-0 border-x-0 border-surface-5 bg-surface-3 p-4"
+			ref="inputRef"
+			class="border-t border-solid border-b-0 border-x-0 border-surface-4 bg-surface-3 p-4"
 		>
 			<StyledInput
 				v-model="commandInput"
 				:icon="TerminalSquareIcon"
-				placeholder="Send a command"
+				:placeholder="disableInput ? 'Server is not running' : 'Send a command'"
+				:disabled="disableInput"
 				wrapper-class="w-full"
 				input-class="!h-10"
 				@keydown.enter="submitCommand"
@@ -31,7 +35,7 @@
 <script setup lang="ts">
 import { ChevronDownIcon, TerminalSquareIcon } from '@modrinth/assets'
 import type { Terminal } from '@xterm/xterm'
-import { ref } from 'vue'
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
 import StyledInput from '#ui/components/base/StyledInput.vue'
@@ -41,27 +45,173 @@ const props = withDefaults(
 	defineProps<{
 		scrollback?: number
 		showInput?: boolean
+		disableInput?: boolean
+		fullscreen?: boolean
+		emptyStateType?: 'server' | 'instance'
 	}>(),
 	{
-		scrollback: 10000,
+		scrollback: Infinity,
 		showInput: false,
+		disableInput: false,
+		fullscreen: false,
+		emptyStateType: undefined,
 	},
 )
 
+const FROG = [
+	'\x1B[32m     _    _ \x1B[37m',
+	'\x1B[32m    (o)--(o)      \x1B[37m',
+	'\x1B[32m   /.______.\\\x1B[37m',
+	'\x1B[32m   \\________/     \x1B[37m',
+	'\x1B[32m  ./        \\.    \x1B[37m',
+	'\x1B[32m ( .        , )\x1B[37m',
+	'\x1B[32m  \\ \\_\\\\ //_/ /\x1B[37m',
+	'\x1B[32m   ~~  ~~  ~~\x1B[37m',
+]
+
+const EMPTY_STATE_BUBBLES: Record<string, string[]> = {
+	server: [
+		'   __________________________________________________',
+		' /  Welcome to your \x1B[32mModrinth Server\x1B[37m!                  \\',
+		'|   Press the green start button to start your server! |',
+		' \\____________________________________________________/',
+	],
+	instance: [
+		'   _____________________________________________________________',
+		' /  Start your instance in the top right to start               \\',
+		'|   recieving live logs!                                        |',
+		' \\_____________________________________________________________/',
+	],
+}
+
 const emit = defineEmits<{
 	command: [command: string]
 	ready: [terminal: Terminal]
 }>()
 
 const containerRef = ref<HTMLElement | null>(null)
+const wrapperRef = ref<HTMLElement | null>(null)
+const inputRef = ref<HTMLElement | null>(null)
 const commandInput = ref('')
+const componentHeight = ref(0)
 
-const { terminal, searchAddon, isAtBottom, write, writeln, clear, reset, fit, scrollToBottom } =
-	useTerminal({
-		container: containerRef,
-		scrollback: props.scrollback,
-		onReady: (term) => emit('ready', term),
-	})
+const snappedHeight = ref<number | null>(null)
+
+const showingEmptyState = ref(false)
+
+const {
+	terminal,
+	searchAddon,
+	isAtBottom,
+	write,
+	writeln,
+	clear,
+	reset,
+	fit: rawFit,
+	scrollToBottom,
+} = useTerminal({
+	container: containerRef,
+	scrollback: props.scrollback,
+	onReady: (term) => {
+		nextTick(() => {
+			updateComponentHeight()
+			snapToRows()
+		})
+		emit('ready', term)
+	},
+	onResize: () => {
+		updateComponentHeight()
+	},
+})
+
+function writeEmptyState() {
+	if (!terminal.value || !props.emptyStateType) return
+	terminal.value.reset()
+	const bubble = EMPTY_STATE_BUBBLES[props.emptyStateType]
+	if (bubble) {
+		for (const line of [...bubble, ...FROG]) {
+			terminal.value.writeln(line)
+		}
+	}
+	showingEmptyState.value = true
+}
+
+function clearEmptyState() {
+	if (!showingEmptyState.value) return
+	terminal.value?.reset()
+	showingEmptyState.value = false
+}
+
+function getWrapperMargins() {
+	if (!wrapperRef.value) return 0
+	const style = getComputedStyle(wrapperRef.value)
+	return parseFloat(style.marginTop) + parseFloat(style.marginBottom)
+}
+
+function snapToRows() {
+	if (!props.fullscreen) {
+		snappedHeight.value = null
+		return
+	}
+	const screen = containerRef.value?.querySelector('.xterm-screen') as HTMLElement | null
+	if (!screen) {
+		snappedHeight.value = null
+		return
+	}
+	const inputH = inputRef.value?.offsetHeight ?? 0
+	const borderW = 2
+	snappedHeight.value = screen.offsetHeight + getWrapperMargins() + inputH + borderW
+}
+
+let resizeDebounce: ReturnType<typeof setTimeout> | null = null
+
+function handleWindowResize() {
+	if (!props.fullscreen) return
+	if (resizeDebounce) clearTimeout(resizeDebounce)
+	snappedHeight.value = null
+	resizeDebounce = setTimeout(() => {
+		rawFit()
+		nextTick(() => snapToRows())
+	}, 50)
+}
+
+onMounted(() => {
+	window.addEventListener('resize', handleWindowResize)
+})
+
+onBeforeUnmount(() => {
+	window.removeEventListener('resize', handleWindowResize)
+	if (resizeDebounce) clearTimeout(resizeDebounce)
+})
+
+function fit() {
+	rawFit()
+	snapToRows()
+}
+
+watch(
+	() => props.fullscreen,
+	() => {
+		if (props.fullscreen) {
+			nextTick(() => {
+				rawFit()
+				nextTick(() => snapToRows())
+			})
+		} else {
+			snappedHeight.value = null
+			componentHeight.value = 0
+		}
+	},
+)
+
+function updateComponentHeight() {
+	const screen = containerRef.value?.querySelector('.xterm-screen') as HTMLElement | null
+	if (!screen) return
+	const screenH = screen.offsetHeight
+	const inputH = inputRef.value?.offsetHeight ?? 0
+	const borderW = 2
+	componentHeight.value = screenH + getWrapperMargins() + inputH + borderW
+}
 
 const submitCommand = () => {
 	const cmd = commandInput.value.trim()
@@ -81,6 +231,9 @@ defineExpose({
 	searchAddon,
 	isAtBottom,
 	commandInput,
+	showingEmptyState,
+	writeEmptyState,
+	clearEmptyState,
 })
 </script>
 
@@ -89,13 +242,39 @@ defineExpose({
 	height: 100% !important;
 }
 
-.xterm .xterm-scrollable-element {
-	height: 100% !important;
+.xterm-viewport {
+	background-color: var(--surface-2) !important;
 }
 
 .xterm .xterm-screen {
-	min-height: 100% !important;
-	margin-left: auto !important;
-	margin-right: auto !important;
+	width: 100%;
+	margin-left: 8px;
+	margin-right: auto;
+}
+
+.xterm .xterm-rows {
+	position: relative;
+	z-index: 7;
+}
+
+.xterm .xterm-decoration-container {
+	overflow: visible !important;
+}
+
+.xterm .xterm-decoration-container > div {
+	box-sizing: content-box !important;
+	margin-left: -12px !important;
+	padding-left: 12px !important;
+	padding-right: 12px !important;
+}
+
+.xterm-scrollable-element > .scrollbar.vertical {
+	width: 8px !important;
+}
+
+.xterm-scrollable-element > .scrollbar.vertical > div {
+	width: 6px !important;
+	border-radius: 8px !important;
+	contain: layout style !important;
 }
 </style>
diff --git a/packages/ui/src/components/base/ButtonStyled.vue b/packages/ui/src/components/base/ButtonStyled.vue
index 30b7eb9ac..1547e6120 100644
--- a/packages/ui/src/components/base/ButtonStyled.vue
+++ b/packages/ui/src/components/base/ButtonStyled.vue
@@ -204,6 +204,9 @@ const colorVariables = computed(() => {
 
 	if (props.type === 'outlined' || props.type === 'transparent') {
 		colors.bg = 'transparent'
+		if (props.hoverColorFill === 'none') {
+			hoverColors.bg = 'transparent'
+		}
 		colors = setColorFill(colors, props.colorFill === 'auto' ? 'text' : props.colorFill)
 		hoverColors = setColorFill(
 			hoverColors,
@@ -263,8 +266,10 @@ const fontSize = computed(() => {
 	> *:first-child
 	> *:first-child
 	> :is(button, a, .button-like):first-child {
-	@apply flex cursor-pointer flex-row items-center justify-center border-solid border-2 border-transparent bg-[--_bg] text-[--_text] h-[--_height] min-w-[--_width] rounded-[--_radius] px-[--_padding-x] py-[--_padding-y] gap-[--_gap] font-[--_font-weight] whitespace-nowrap;
+	@apply flex cursor-pointer flex-row items-center justify-center border-solid border border-transparent bg-[--_bg] text-[--_text] h-[--_height] min-w-[--_width] rounded-[--_radius] px-[--_padding-x] py-[--_padding-y] gap-[--_gap] font-[--_font-weight] whitespace-nowrap;
 	box-shadow: var(--_box-shadow, inset 0 0 0 transparent);
+	-webkit-font-smoothing: antialiased;
+	will-change: filter;
 	transition:
 		scale 0.125s ease-in-out,
 		background-color 0.25s ease-in-out,
diff --git a/packages/ui/src/components/base/CollapsibleAdmonition.vue b/packages/ui/src/components/base/CollapsibleAdmonition.vue
new file mode 100644
index 000000000..273be86a8
--- /dev/null
+++ b/packages/ui/src/components/base/CollapsibleAdmonition.vue
@@ -0,0 +1,196 @@
+<template>
+	<Transition name="collapsible-admonition">
+		<div
+			v-if="!dismissed"
+			:data-type="type"
+			class="collapsible-admonition flex flex-col rounded-2xl border border-solid text-contrast overflow-hidden"
+		>
+			<div
+				class="flex w-full cursor-pointer items-center gap-6 p-4"
+				:class="headerBgClasses[type]"
+				@click="expanded = !expanded"
+			>
+				<div class="flex flex-1 items-center gap-3">
+					<TriangleAlertIcon :class="['h-5 w-5 flex-none', iconClasses[type]]" />
+					<span class="text-base font-semibold text-contrast">
+						<slot name="header">{{ header }}</slot>
+					</span>
+				</div>
+				<div class="flex items-center gap-2">
+					<ButtonStyled circular type="highlight-colored-text" :color="buttonColors[type]">
+						<button aria-label="Toggle" @click.stop="expanded = !expanded">
+							<ChevronDownIcon
+								class="h-4 w-4 transition-transform duration-300"
+								:class="expanded && 'rotate-180'"
+							/>
+						</button>
+					</ButtonStyled>
+					<ButtonStyled
+						v-if="dismissible"
+						circular
+						type="highlight-colored-text"
+						:color="buttonColors[type]"
+					>
+						<button aria-label="Dismiss" @click.stop="handleDismiss">
+							<XIcon class="h-4 w-4" />
+						</button>
+					</ButtonStyled>
+				</div>
+			</div>
+
+			<div
+				class="grid transition-[grid-template-rows] duration-300 ease-in-out"
+				:class="expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'"
+			>
+				<div class="overflow-hidden">
+					<slot>
+						<div
+							v-for="(item, index) in items"
+							:key="index"
+							class="collapsible-admonition__item collapsible-admonition__item--bordered flex flex-col gap-1 p-4"
+						>
+							<p class="m-0 text-base font-semibold text-contrast">
+								{{ item.title }}
+							</p>
+							<div
+								v-for="(desc, di) in item.descriptions"
+								:key="di"
+								class="flex items-start gap-1.5"
+							>
+								<LightBulbIcon :class="['mt-0.5 h-5 w-5 flex-none', iconClasses[type]]" />
+								<span class="text-base text-contrast/85">{{ desc }}</span>
+							</div>
+						</div>
+					</slot>
+				</div>
+			</div>
+		</div>
+	</Transition>
+</template>
+
+<script setup lang="ts">
+import { ChevronDownIcon, LightBulbIcon, TriangleAlertIcon, XIcon } from '@modrinth/assets'
+import { ref } from 'vue'
+
+import ButtonStyled from './ButtonStyled.vue'
+
+export interface CollapsibleAdmonitionItem {
+	title: string
+	descriptions?: string[]
+}
+
+withDefaults(
+	defineProps<{
+		type?: 'info' | 'warning' | 'critical' | 'success'
+		header?: string
+		items?: CollapsibleAdmonitionItem[]
+		dismissible?: boolean
+	}>(),
+	{
+		type: 'critical',
+		header: '',
+		items: () => [],
+		dismissible: false,
+	},
+)
+
+const emit = defineEmits<{
+	dismiss: []
+}>()
+
+const expanded = defineModel<boolean>({ default: false })
+const dismissed = ref(false)
+
+function handleDismiss() {
+	dismissed.value = true
+	emit('dismiss')
+}
+
+const headerBgClasses = {
+	info: 'bg-bg-blue',
+	warning: 'bg-bg-orange',
+	critical: 'bg-bg-red',
+	success: 'bg-bg-green',
+}
+
+const iconClasses = {
+	info: 'text-brand-blue',
+	warning: 'text-brand-orange',
+	critical: 'text-brand-red',
+	success: 'text-brand-green',
+}
+
+const buttonColors: Record<string, 'blue' | 'orange' | 'red' | 'green'> = {
+	info: 'blue',
+	warning: 'orange',
+	critical: 'red',
+	success: 'green',
+}
+</script>
+
+<style scoped>
+.collapsible-admonition[data-type='critical'] {
+	border-color: rgba(255, 73, 110, 0.6);
+}
+
+.collapsible-admonition[data-type='critical'] .collapsible-admonition__item {
+	background: rgba(255, 73, 110, 0.1);
+}
+
+.collapsible-admonition[data-type='critical'] .collapsible-admonition__item--bordered {
+	border-top: 1px solid rgba(255, 73, 110, 0.6);
+}
+
+.collapsible-admonition[data-type='info'] {
+	border-color: rgba(47, 158, 255, 0.6);
+}
+
+.collapsible-admonition[data-type='info'] .collapsible-admonition__item {
+	background: rgba(47, 158, 255, 0.1);
+}
+
+.collapsible-admonition[data-type='info'] .collapsible-admonition__item--bordered {
+	border-top: 1px solid rgba(47, 158, 255, 0.6);
+}
+
+.collapsible-admonition[data-type='warning'] {
+	border-color: rgba(255, 163, 71, 0.6);
+}
+
+.collapsible-admonition[data-type='warning'] .collapsible-admonition__item {
+	background: rgba(255, 163, 71, 0.1);
+}
+
+.collapsible-admonition[data-type='warning'] .collapsible-admonition__item--bordered {
+	border-top: 1px solid rgba(255, 163, 71, 0.6);
+}
+
+.collapsible-admonition[data-type='success'] {
+	border-color: rgba(27, 217, 106, 0.6);
+}
+
+.collapsible-admonition[data-type='success'] .collapsible-admonition__item {
+	background: rgba(27, 217, 106, 0.1);
+}
+
+.collapsible-admonition[data-type='success'] .collapsible-admonition__item--bordered {
+	border-top: 1px solid rgba(27, 217, 106, 0.6);
+}
+
+.collapsible-admonition-enter-active,
+.collapsible-admonition-leave-active {
+	transition:
+		opacity 300ms ease-in-out,
+		transform 300ms ease-in-out;
+}
+
+.collapsible-admonition-enter-from {
+	opacity: 0;
+	transform: translateY(-10px);
+}
+
+.collapsible-admonition-leave-to {
+	opacity: 0;
+	transform: translateY(-10px);
+}
+</style>
diff --git a/packages/ui/src/components/base/ContentPageHeader.vue b/packages/ui/src/components/base/ContentPageHeader.vue
index 2a66bdd04..230250cba 100644
--- a/packages/ui/src/components/base/ContentPageHeader.vue
+++ b/packages/ui/src/components/base/ContentPageHeader.vue
@@ -1,45 +1,37 @@
 <template>
 	<div class="flex flex-col gap-2 border-0 border-b border-solid border-divider pb-4">
-		<div class="grid grid-cols-[1fr_auto] gap-y-6">
-			<div class="flex gap-4 w-full">
+		<div class="flex flex-wrap items-start gap-4">
+			<div class="flex min-w-0 flex-1 gap-4">
 				<slot name="icon" />
-				<div class="flex flex-col gap-2 justify-center w-full">
-					<div class="flex justify-between items-start gap-2">
-						<div class="flex flex-col gap-1.5 justify-center">
-							<div class="flex flex-wrap items-center gap-2">
-								<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
-									<slot name="title" />
-								</h1>
-								<slot name="title-suffix" />
-							</div>
-							<p
-								v-if="$slots.summary"
-								class="m-0 max-w-[44rem] empty:hidden"
-								:class="[disableLineClamp ? '' : 'line-clamp-2']"
-							>
-								<slot name="summary" />
-							</p>
-						</div>
-						<div v-if="$slots.summary" class="flex gap-2 items-start max-md:hidden">
-							<slot name="actions" />
+				<div class="flex min-w-0 flex-col gap-2 justify-center">
+					<div class="flex flex-col gap-1.5 justify-center">
+						<div class="flex flex-wrap items-center gap-2">
+							<h1 class="m-0 text-2xl font-semibold leading-none text-contrast">
+								<slot name="title" />
+							</h1>
+							<slot name="title-suffix" />
 						</div>
+						<p
+							v-if="$slots.summary"
+							class="m-0 max-w-[44rem] empty:hidden"
+							:class="[disableLineClamp ? '' : 'line-clamp-2']"
+						>
+							<slot name="summary" />
+						</p>
 					</div>
 					<div v-if="$slots.stats" class="flex flex-wrap gap-3 empty:hidden max-md:hidden">
 						<slot name="stats" />
 					</div>
 				</div>
 			</div>
-			<div v-if="!$slots.summary" class="flex gap-2 items-start max-md:hidden">
+			<div class="flex flex-wrap gap-2 items-center">
 				<slot name="actions" />
 			</div>
 		</div>
-		<div class="flex justify-between">
-			<div v-if="$slots.stats" class="flex flex-wrap gap-3 empty:hidden md:hidden">
+		<div v-if="$slots.stats" class="flex justify-between md:hidden">
+			<div class="flex flex-wrap gap-3 empty:hidden">
 				<slot name="stats" />
 			</div>
-			<div class="flex gap-2 items-start self-end md:hidden">
-				<slot name="actions" />
-			</div>
 		</div>
 	</div>
 </template>
diff --git a/packages/ui/src/components/base/CopyCode.vue b/packages/ui/src/components/base/CopyCode.vue
index f046b5f12..9c2f9b47e 100644
--- a/packages/ui/src/components/base/CopyCode.vue
+++ b/packages/ui/src/components/base/CopyCode.vue
@@ -1,5 +1,9 @@
 <template>
-	<button class="code" :class="{ copied }" :title="formatMessage(copiedMessage)" @click="copyText">
+	<button
+		class="!m-0 inline-flex w-fit select-text items-center gap-2 rounded-[10px] bg-[var(--color-button-bg)] px-2 py-1 font-mono text-sm text-primary transition-[opacity,filter,transform,outline] duration-200 ease-in-out hover:brightness-[1.25] active:scale-95 active:brightness-[0.8] motion-reduce:transition-none [&>svg]:h-[1em] [&>svg]:w-[1em]"
+		:title="formatMessage(copiedMessage)"
+		@click="copyText"
+	>
 		<span>{{ text }}</span>
 		<CheckIcon v-if="copied" />
 		<ClipboardCopyIcon v-else />
@@ -27,42 +31,3 @@ async function copyText() {
 	copied.value = 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-button-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;
-
-	@media (prefers-reduced-motion) {
-		transition: none !important;
-	}
-
-	svg {
-		width: 1em;
-		height: 1em;
-	}
-
-	&:hover {
-		filter: brightness(0.85);
-	}
-
-	&:active {
-		transform: scale(0.95);
-		filter: brightness(0.8);
-	}
-}
-</style>
diff --git a/packages/ui/src/components/base/FilterPills.vue b/packages/ui/src/components/base/FilterPills.vue
new file mode 100644
index 000000000..fc0b0da53
--- /dev/null
+++ b/packages/ui/src/components/base/FilterPills.vue
@@ -0,0 +1,53 @@
+<template>
+	<div class="flex flex-wrap items-center gap-1.5">
+		<FilterIcon class="size-5 text-secondary" />
+		<button
+			:class="pillClass(modelValue.length === 0)"
+			:aria-pressed="modelValue.length === 0"
+			@click="modelValue = []"
+		>
+			<slot name="all"> All </slot>
+		</button>
+		<button
+			v-for="option in options"
+			:key="option.id"
+			:class="pillClass(modelValue.includes(option.id))"
+			:aria-pressed="modelValue.includes(option.id)"
+			@click="toggle(option.id)"
+		>
+			{{ option.label }}
+		</button>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { FilterIcon } from '@modrinth/assets'
+
+export interface FilterPillOption {
+	id: string
+	label: string
+}
+
+const modelValue = defineModel<string[]>({ required: true })
+
+defineProps<{
+	options: FilterPillOption[]
+}>()
+
+function pillClass(active: boolean) {
+	return [
+		'cursor-pointer rounded-full border border-solid px-3 py-1.5 text-base font-semibold leading-5 transition-all duration-100 active:scale-[0.97]',
+		active
+			? 'border-green bg-brand-highlight text-brand'
+			: 'border-surface-5 bg-surface-4 text-primary hover:bg-surface-5',
+	]
+}
+
+function toggle(id: string) {
+	if (modelValue.value.includes(id)) {
+		modelValue.value = modelValue.value.filter((f) => f !== id)
+	} else {
+		modelValue.value = [...modelValue.value, id]
+	}
+}
+</script>
diff --git a/packages/ui/src/components/base/FloatingActionBar.vue b/packages/ui/src/components/base/FloatingActionBar.vue
index 0fb04c271..201f0f8d5 100644
--- a/packages/ui/src/components/base/FloatingActionBar.vue
+++ b/packages/ui/src/components/base/FloatingActionBar.vue
@@ -61,7 +61,7 @@ onUnmounted(() => {
 	<Transition name="floating-action-bar" appear>
 		<div
 			v-if="shown"
-			class="floating-action-bar drop-shadow-2xl fixed z-10 p-4 bottom-0"
+			class="floating-action-bar drop-shadow-2xl fixed z-[21] p-4 bottom-0"
 			aria-live="polite"
 		>
 			<div
diff --git a/packages/ui/src/components/base/NavTabs.vue b/packages/ui/src/components/base/NavTabs.vue
index 119a26af0..611cdaa3f 100644
--- a/packages/ui/src/components/base/NavTabs.vue
+++ b/packages/ui/src/components/base/NavTabs.vue
@@ -2,7 +2,7 @@
 	<nav
 		v-if="filteredLinks.length > 1"
 		ref="scrollContainer"
-		class="relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold"
+		class="relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold drop-shadow-xl"
 		:class="{ 'shadow-sm': mode === 'navigation' }"
 	>
 		<template v-if="mode === 'navigation'">
diff --git a/packages/ui/src/components/base/Table.vue b/packages/ui/src/components/base/Table.vue
index b84f5a54c..d952a5337 100644
--- a/packages/ui/src/components/base/Table.vue
+++ b/packages/ui/src/components/base/Table.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="overflow-hidden rounded-2xl border border-solid border-surface-3">
-		<table class="w-full border-separate border-spacing-0">
-			<thead>
+	<div class="overflow-hidden rounded-2xl border border-solid border-surface-5">
+		<table class="w-full table-fixed border-separate border-spacing-0 border-surface-5">
+			<thead class="">
 				<tr class="bg-surface-3">
 					<th v-if="showSelection" class="w-10 pl-4">
 						<Checkbox
@@ -50,7 +50,7 @@
 					:key="rowIndex"
 					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1.5'"
 				>
-					<td v-if="showSelection" class="w-10">
+					<td v-if="showSelection" class="w-10 border-solid border-0 border-t border-surface-5">
 						<Checkbox
 							:model-value="isSelected(row)"
 							class="shrink-0 p-4"
@@ -60,7 +60,7 @@
 					<td
 						v-for="column in columns"
 						:key="column.key"
-						class="text-secondary h-14 first:pl-4 last:pr-4"
+						class="text-secondary h-14 overflow-hidden first:pl-4 last:pr-4 border-solid border-0 border-t border-surface-5"
 						:class="`text-${column.align ?? 'left'}`"
 						:style="column.width ? { width: column.width } : undefined"
 					>
diff --git a/packages/ui/src/components/base/TeleportOverflowMenu.vue b/packages/ui/src/components/base/TeleportOverflowMenu.vue
index d0acb339b..e5e6c0e58 100644
--- a/packages/ui/src/components/base/TeleportOverflowMenu.vue
+++ b/packages/ui/src/components/base/TeleportOverflowMenu.vue
@@ -163,7 +163,7 @@ const calculateMenuPosition = () => {
 
 	const triggerRect = triggerRef.value.getBoundingClientRect()
 	const menuRect = menuRef.value.getBoundingClientRect()
-	const menuWidth = menuRect.width
+	const menuWidth = menuRect.width + 16
 	const menuHeight = menuRect.height
 	const margin = 8
 
@@ -180,10 +180,8 @@ const calculateMenuPosition = () => {
 
 	if (triggerRect.right - menuWidth >= margin) {
 		left = triggerRect.right - menuWidth
-	} else if (triggerRect.left + menuWidth + margin <= window.innerWidth) {
-		left = triggerRect.left
 	} else {
-		left = Math.max(margin, window.innerWidth - menuWidth - margin)
+		left = Math.max(margin, triggerRect.left)
 	}
 
 	return {
diff --git a/packages/ui/src/components/base/index.ts b/packages/ui/src/components/base/index.ts
index 4b72a2f5e..2eb6f0d8e 100644
--- a/packages/ui/src/components/base/index.ts
+++ b/packages/ui/src/components/base/index.ts
@@ -14,6 +14,8 @@ export { default as Card } from './Card.vue'
 export { default as Checkbox } from './Checkbox.vue'
 export { default as Chips } from './Chips.vue'
 export { default as Collapsible } from './Collapsible.vue'
+export type { CollapsibleAdmonitionItem } from './CollapsibleAdmonition.vue'
+export { default as CollapsibleAdmonition } from './CollapsibleAdmonition.vue'
 export { default as CollapsibleRegion } from './CollapsibleRegion.vue'
 export type { ComboboxOption } from './Combobox.vue'
 export { default as Combobox } from './Combobox.vue'
@@ -29,6 +31,8 @@ export { default as ErrorInformationCard } from './ErrorInformationCard.vue'
 export { default as FileInput } from './FileInput.vue'
 export type { FilterBarOption } from './FilterBar.vue'
 export { default as FilterBar } from './FilterBar.vue'
+export type { FilterPillOption } from './FilterPills.vue'
+export { default as FilterPills } from './FilterPills.vue'
 export { default as FloatingActionBar } from './FloatingActionBar.vue'
 export { default as FloatingPanel } from './FloatingPanel.vue'
 export { default as FormattedTag } from './FormattedTag.vue'
diff --git a/packages/ui/src/components/billing/ModalBasedServerPlan.vue b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
deleted file mode 100644
index ce363cccc..000000000
--- a/packages/ui/src/components/billing/ModalBasedServerPlan.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<script setup lang="ts">
-import type { Labrinth } from '@modrinth/api-client'
-import { InfoIcon } from '@modrinth/assets'
-import { Menu } from 'floating-vue'
-import { computed, inject, type Ref } from 'vue'
-
-import { useFormatPrice } from '../../composables'
-import { type MessageDescriptor, useVIntl } from '../../composables/i18n'
-import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
-import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
-import ServersSpecs from './ServersSpecs.vue'
-
-const props = withDefaults(
-	defineProps<{
-		plan: Labrinth.Billing.Internal.Product
-		title: MessageDescriptor
-		description: MessageDescriptor
-		buttonColor?: 'standard' | 'brand' | 'red' | 'orange' | 'green' | 'blue' | 'purple'
-		mostPopular?: boolean
-		selected?: boolean
-	}>(),
-	{
-		buttonColor: 'standard',
-		mostPopular: false,
-		selected: false,
-	},
-)
-
-const emit = defineEmits<{
-	(e: 'select', plan: Labrinth.Billing.Internal.Product): void
-}>()
-
-const { formatMessage } = useVIntl()
-const formatPrice = useFormatPrice()
-
-// TODO: Use DI framework when merged.
-const selectedInterval = inject<Ref<ServerBillingInterval>>('selectedInterval')
-const currency = inject<string>('currency')
-
-const perMonth = computed(() => {
-	if (!props.plan || !currency || !selectedInterval?.value) return undefined
-	const total = getPriceForInterval(props.plan, currency, selectedInterval.value)
-	if (!total) return undefined
-	return total / monthsInInterval[selectedInterval.value]
-})
-
-const planSpecs = computed(() => {
-	const metadata = props.plan.metadata
-	if (metadata.type === 'pyro' || metadata.type === 'medal') {
-		return {
-			ram: metadata.ram,
-			storage: metadata.storage,
-			cpu: metadata.cpu,
-		}
-	}
-	return null
-})
-
-const mostPopularStyle = computed(() => {
-	if (!props.mostPopular) return undefined
-	const style: Record<string, string> = {
-		backgroundImage:
-			'radial-gradient(86.12% 101.64% at 95.97% 94.07%, rgba(27, 217, 106, 0.23) 0%, rgba(14, 115, 56, 0.2) 100%)',
-		boxShadow: '0px 12px 38.1px rgba(27, 217, 106, 0.13)',
-	}
-
-	if (!props.selected) {
-		style.borderColor = 'rgba(12, 107, 52, 0.55)'
-	}
-
-	return style
-})
-</script>
-
-<template>
-	<div
-		class="rounded-2xl p-4 font-semibold transition-all duration-300 experimental-styles-within h-full border-2 border-solid cursor-pointer select-none"
-		:class="{
-			'bg-brand-highlight border-brand': selected,
-			'bg-button-bg border-transparent': !selected,
-			'!bg-bg': mostPopular,
-		}"
-		:style="mostPopularStyle"
-		role="button"
-		tabindex="0"
-		:aria-pressed="selected"
-		@click="emit('select', plan)"
-		@keydown.enter.prevent="emit('select', plan)"
-		@keydown.space.prevent="emit('select', plan)"
-	>
-		<div class="flex h-full flex-col justify-between gap-2">
-			<div class="flex flex-col">
-				<div class="flex items-center justify-between">
-					<span class="text-2xl font-semibold text-contrast">
-						{{ formatMessage(title) }}
-					</span>
-					<div
-						v-if="mostPopular"
-						class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
-					>
-						Most Popular
-					</div>
-				</div>
-				<span class="m-0 text-lg font-bold text-contrast">
-					{{ formatPrice(perMonth, currency, true) }}
-					<span class="text-sm font-semibold text-secondary">
-						/ month{{ selectedInterval !== 'monthly' ? `, billed ${selectedInterval}` : '' }}
-					</span>
-				</span>
-			</div>
-
-			<span class="text-sm">{{ formatMessage(description) }}</span>
-
-			<div class="w-fit">
-				<Menu
-					placement="bottom-start"
-					:triggers="['hover', 'focus']"
-					:auto-hide="true"
-					:delay="{ show: 100, hide: 120 }"
-					:distance="6"
-				>
-					<template #default="{ shown }">
-						<div
-							class="flex w-fit items-center gap-2 cursor-help text-sm font-medium cursor-default select-none outline-none"
-							:class="shown ? 'text-primary' : 'text-secondary'"
-							role="button"
-							tabindex="0"
-							aria-haspopup="true"
-							:aria-expanded="shown"
-						>
-							<InfoIcon />
-							View plan details
-						</div>
-					</template>
-
-					<template #popper>
-						<div v-if="planSpecs" class="w-fit rounded-md border border-contrast/10 p-3 shadow-lg">
-							<ServersSpecs
-								:ram="planSpecs.ram"
-								:storage="planSpecs.storage"
-								:cpus="planSpecs.cpu"
-							/>
-						</div>
-					</template>
-				</Menu>
-			</div>
-		</div>
-	</div>
-</template>
diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index edfd64ab1..9690f036c 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -8,9 +8,12 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
+import { useQueryClient } from '@tanstack/vue-query'
 import type Stripe from 'stripe'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 
+import { injectNotificationManager } from '#ui/providers/web-notifications.ts'
+
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import { useStripe } from '../../composables/stripe'
 import { commonMessages } from '../../utils'
@@ -23,6 +26,8 @@ import PaymentMethodSelector from './ServersPurchase2PaymentMethod.vue'
 import ConfirmPurchase from './ServersPurchase3Review.vue'
 
 const { formatMessage } = useVIntl()
+const { addNotification } = injectNotificationManager()
+const queryClient = useQueryClient()
 
 export type RegionPing = {
 	region: string
@@ -34,7 +39,7 @@ export type ServerBillingInterval = 'monthly' | 'quarterly' | 'yearly'
 
 const props = defineProps<{
 	publishableKey: string
-	returnUrl: string
+	returnUrl?: string
 	paymentMethods: Stripe.PaymentMethod[]
 	customer: Stripe.Customer
 	currency: string
@@ -121,6 +126,16 @@ const titles: Record<Step, MessageDescriptor> = {
 	review: defineMessage({ id: 'servers.purchase.step.review.title', defaultMessage: 'Review' }),
 }
 
+const purchaseSuccessTitle = defineMessage({
+	id: 'servers.purchase.notification.success.title',
+	defaultMessage: 'Purchase success',
+})
+
+const purchaseSuccessText = defineMessage({
+	id: 'servers.purchase.notification.success.text',
+	defaultMessage: 'Your Modrinth Hosting purchase was completed successfully.',
+})
+
 const currentRegion = computed(() => {
 	return props.regions.find((region) => region.shortcode === selectedRegion.value)
 })
@@ -215,7 +230,22 @@ async function afterProceed(step: string) {
 
 async function setStep(step: Step | undefined, skipValidation = false) {
 	if (!step) {
-		await submitPayment(props.returnUrl)
+		const success = await submitPayment(props.returnUrl)
+
+		if (success) {
+			modal.value?.hide()
+			addNotification({
+				title: formatMessage(purchaseSuccessTitle),
+				text: formatMessage(purchaseSuccessText),
+				type: 'success',
+			})
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: ['servers'] }),
+				queryClient.invalidateQueries({ queryKey: ['servers', 'v1'] }),
+			])
+			emit('purchase-success')
+		}
+
 		return
 	}
 
@@ -264,7 +294,8 @@ function begin(
 	selectedInterval.value = interval
 	customServer.value = !selectedPlan.value
 	selectedPaymentMethod.value = undefined
-	currentStep.value = steps[0]
+	const skipPlanStep = props.planStage && plan !== undefined
+	currentStep.value = skipPlanStep ? (steps[1] ?? steps[0]) : steps[0]
 	skipPaymentMethods.value = true
 	projectId.value = project
 	modal.value?.show()
@@ -274,8 +305,8 @@ defineExpose({
 	show: begin,
 })
 
-defineEmits<{
-	(e: 'hide'): void
+const emit = defineEmits<{
+	(e: 'hide' | 'purchase-success'): void
 }>()
 
 function handleChooseCustom() {
@@ -283,6 +314,10 @@ function handleChooseCustom() {
 	selectedPlan.value = undefined
 }
 
+function handleProceed() {
+	setStep(nextStep.value)
+}
+
 // When the user explicitly wants to change or add a payment method from Review
 // we must disable the auto-skip behavior, clear any selected method, and
 // navigate to the Payment step so Stripe Elements can mount.
@@ -328,7 +363,7 @@ function goToBreadcrumbStep(id: string) {
 				</template>
 			</div>
 		</template>
-		<div class="w-[40rem] max-w-full">
+		<div :class="currentStep === 'plan' ? 'w-[56rem] max-w-full' : 'w-[40rem] max-w-full'">
 			<PlanSelector
 				v-if="currentStep === 'plan'"
 				v-model:plan="selectedPlan"
@@ -337,6 +372,7 @@ function goToBreadcrumbStep(id: string) {
 				:available-products="availableProducts"
 				:currency="currency"
 				@choose-custom="handleChooseCustom"
+				@proceed="handleProceed"
 			/>
 			<RegionSelector
 				v-else-if="currentStep === 'region'"
@@ -374,7 +410,7 @@ function goToBreadcrumbStep(id: string) {
 				:ping="currentPing"
 				:loading="paymentMethodLoading"
 				:selected-payment-method="selectedPaymentMethod || inputtedPaymentMethod"
-				:has-payment-method="hasPaymentMethod"
+				:has-payment-method="!!hasPaymentMethod"
 				:tax="tax"
 				:total="total"
 				:no-payment-required="noPaymentRequired"
@@ -410,12 +446,12 @@ function goToBreadcrumbStep(id: string) {
 				<button v-if="previousStep" @click="previousStep && setStep(previousStep, true)">
 					<LeftArrowIcon /> {{ formatMessage(commonMessages.backButton) }}
 				</button>
-				<button v-else @click="modal?.hide()">
+				<button v-else-if="currentStep !== 'plan'" @click="modal?.hide()">
 					<XIcon />
 					{{ formatMessage(commonMessages.cancelButton) }}
 				</button>
 			</ButtonStyled>
-			<ButtonStyled color="brand">
+			<ButtonStyled v-if="currentStep !== 'plan'" color="brand">
 				<button
 					v-tooltip="
 						currentStep === 'review' && !acceptedEula && !noPaymentRequired
diff --git a/packages/ui/src/components/billing/ResubscribeModal.vue b/packages/ui/src/components/billing/ResubscribeModal.vue
new file mode 100644
index 000000000..2bf3f4222
--- /dev/null
+++ b/packages/ui/src/components/billing/ResubscribeModal.vue
@@ -0,0 +1,287 @@
+<template>
+	<NewModal ref="modal" max-width="550px">
+		<template #title>
+			<div class="text-2xl font-semibold text-contrast">{{ formatMessage(messages.title) }}</div>
+		</template>
+
+		<div class="flex w-[44rem] max-w-full flex-col gap-6">
+			<template v-if="modalData">
+				<p class="m-0 text-secondary leading-relaxed">
+					<IntlFormatted
+						:message-id="messages.description"
+						:values="{ serverName: modalData.serverName }"
+					>
+						<template #server-name="{ children }">
+							<span class="font-semibold text-contrast"><component :is="() => children" /></span>
+						</template>
+					</IntlFormatted>
+				</p>
+
+				<div v-if="formattedPrice" class="flex flex-col gap-2.5">
+					<span class="text-contrast font-semibold">{{ formatMessage(messages.planLabel) }}</span>
+					<div
+						class="flex items-center justify-between gap-4 rounded-2xl border border-solid border-surface-5 bg-surface-2 p-5"
+					>
+						<div class="flex flex-col gap-1">
+							<div class="truncate font-semibold text-contrast">{{ modalData.planName }}</div>
+							<div
+								v-if="
+									modalData.ramGb != null ||
+									modalData.storageGb != null ||
+									modalData.sharedCpus != null
+								"
+								class="text-secondary flex gap-1.5 font-medium text-sm items-center"
+							>
+								<template v-if="modalData.ramGb != null">
+									{{ formatMessage(messages.ramLabel, { ramGb: modalData.ramGb }) }}
+								</template>
+								<template v-if="modalData.storageGb != null">
+									<div
+										v-if="modalData.ramGb != null"
+										class="h-1.5 w-1.5 bg-button-border rounded-full"
+									></div>
+									{{ formatMessage(messages.storageLabel, { storageGb: modalData.storageGb }) }}
+								</template>
+								<template v-if="modalData.sharedCpus != null">
+									<div
+										v-if="modalData.ramGb != null || modalData.storageGb != null"
+										class="h-1.5 w-1.5 bg-button-border rounded-full"
+									></div>
+									{{ formatMessage(messages.cpusLabel, { sharedCpus: modalData.sharedCpus }) }}
+								</template>
+							</div>
+						</div>
+						<div class="flex flex-col gap-1 items-end">
+							<div class="font-semibold text-contrast">
+								{{ formattedPrice }}
+							</div>
+							<div v-if="intervalLabel" class="text-secondary">{{ intervalLabel }}</div>
+						</div>
+					</div>
+				</div>
+
+				<p v-if="formattedNextChargeDate" class="m-0 text-primary">
+					<IntlFormatted
+						:message-id="messages.nextCharge"
+						:values="{ date: formattedNextChargeDate }"
+					>
+						<template #charge-date="{ children }">
+							<span class="font-semibold text-contrast"><component :is="() => children" /></span>
+						</template>
+					</IntlFormatted>
+				</p>
+			</template>
+			<template v-else>
+				<p class="m-0 text-secondary">{{ formatMessage(messages.failedLoad) }}</p>
+			</template>
+		</div>
+
+		<template #actions>
+			<div class="flex justify-end gap-2">
+				<ButtonStyled type="outlined">
+					<button class="!border !border-surface-5" @click="handleCancel">
+						<XIcon />
+						{{ formatMessage(messages.cancelButton) }}
+					</button>
+				</ButtonStyled>
+				<ButtonStyled color="brand">
+					<button :disabled="!canResubscribe" @click="handleResubscribe">
+						<RotateCounterClockwiseIcon />
+						{{ formatMessage(messages.resubscribeButton) }}
+					</button>
+				</ButtonStyled>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { RotateCounterClockwiseIcon, XIcon } from '@modrinth/assets'
+import { computed, ref, useTemplateRef } from 'vue'
+
+import { injectNotificationManager } from '#ui/providers/web-notifications.ts'
+
+import { useFormatDateTime, useFormatPrice } from '../../composables'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import IntlFormatted from '../base/IntlFormatted.vue'
+import { ButtonStyled, NewModal } from '../index'
+
+const { addNotification } = injectNotificationManager()
+const { formatMessage } = useVIntl()
+
+type BillingInterval = Labrinth.Billing.Internal.PriceDuration
+
+export type ResubscribeModalPayload = {
+	subscriptionId: string
+	wasSuspended: boolean
+	serverName: string
+	planName: string
+	ramGb?: number
+	storageGb?: number
+	sharedCpus?: number
+	priceCents?: number
+	currencyCode?: string
+	interval: BillingInterval
+	nextChargeDate?: string | number | Date
+}
+
+type ResubscribeModalState = {
+	subscriptionId: string
+	wasSuspended: boolean
+	serverName: string
+	planName: string
+	ramGb?: number
+	storageGb?: number
+	sharedCpus?: number
+	priceCents?: number
+	currencyCode?: string
+	interval: BillingInterval
+	nextChargeDate?: string | number | Date
+}
+
+const emit = defineEmits<{
+	(e: 'cancel'): void
+	(e: 'resubscribe', payload: { subscriptionId: string; wasSuspended: boolean }): void
+}>()
+
+const formatDate = useFormatDateTime({ dateStyle: 'long' })
+const formatPrice = useFormatPrice()
+
+const modal = useTemplateRef<InstanceType<typeof NewModal>>('modal')
+
+const modalData = ref<ResubscribeModalState | null>(null)
+
+const messages = defineMessages({
+	title: { id: 'billing.resubscribe-modal.title', defaultMessage: 'Resubscribe to Server' },
+	description: {
+		id: 'billing.resubscribe-modal.description',
+		defaultMessage:
+			'You are about to resubscribe to <server-name>{serverName}</server-name>. Your subscription will be reactivated and your server will continue running without interruption.',
+	},
+	planLabel: { id: 'billing.resubscribe-modal.plan-label', defaultMessage: 'Plan' },
+	ramLabel: { id: 'billing.resubscribe-modal.ram', defaultMessage: '{ramGb} GB RAM' },
+	storageLabel: {
+		id: 'billing.resubscribe-modal.storage',
+		defaultMessage: '{storageGb} GB Storage',
+	},
+	cpusLabel: {
+		id: 'billing.resubscribe-modal.cpus',
+		defaultMessage: '{sharedCpus} Shared CPUs',
+	},
+	nextCharge: {
+		id: 'billing.resubscribe-modal.next-charge',
+		defaultMessage: 'Your next charge will be on <charge-date>{date}</charge-date>.',
+	},
+	failedLoad: {
+		id: 'billing.resubscribe-modal.failed-load',
+		defaultMessage: 'Failed to load subscription details.',
+	},
+	cancelButton: { id: 'billing.resubscribe-modal.cancel', defaultMessage: 'Cancel' },
+	resubscribeButton: {
+		id: 'billing.resubscribe-modal.resubscribe',
+		defaultMessage: 'Resubscribe',
+	},
+	intervalMonthly: { id: 'billing.resubscribe-modal.interval.monthly', defaultMessage: '/month' },
+	intervalQuarterly: {
+		id: 'billing.resubscribe-modal.interval.quarterly',
+		defaultMessage: '/quarter',
+	},
+	intervalYearly: { id: 'billing.resubscribe-modal.interval.yearly', defaultMessage: '/year' },
+	intervalFiveDays: {
+		id: 'billing.resubscribe-modal.interval.five-days',
+		defaultMessage: '/5 days',
+	},
+	errorTitle: { id: 'billing.resubscribe-modal.error.title', defaultMessage: 'Error' },
+	errorText: {
+		id: 'billing.resubscribe-modal.error.text',
+		defaultMessage: 'Cannot resubscribe, failed to load subscription details.',
+	},
+})
+
+const canResubscribe = computed(() => !!modalData.value?.subscriptionId)
+
+const intervalLabel = computed(() => {
+	switch (modalData.value?.interval) {
+		case 'monthly':
+			return formatMessage(messages.intervalMonthly)
+		case 'quarterly':
+			return formatMessage(messages.intervalQuarterly)
+		case 'yearly':
+			return formatMessage(messages.intervalYearly)
+		case 'five-days':
+			return formatMessage(messages.intervalFiveDays)
+		default:
+			return null
+	}
+})
+
+const formattedPrice = computed(() => {
+	const { priceCents, currencyCode } = modalData.value ?? {}
+	if (priceCents == null || currencyCode == null) return ''
+	return formatPrice(priceCents, currencyCode)
+})
+
+const normalizedNextChargeDate = computed(() => {
+	if (!modalData.value?.nextChargeDate) return null
+	const date = new Date(modalData.value.nextChargeDate)
+	if (Number.isNaN(date.getTime())) {
+		return null
+	}
+	return date
+})
+
+const formattedNextChargeDate = computed(() =>
+	normalizedNextChargeDate.value ? formatDate(normalizedNextChargeDate.value) : '',
+)
+
+function show(payload: ResubscribeModalPayload) {
+	if (!payload) {
+		addNotification({
+			type: 'error',
+			title: formatMessage(messages.errorTitle),
+			text: formatMessage(messages.errorText),
+		})
+		return
+	}
+
+	modalData.value = {
+		subscriptionId: payload.subscriptionId,
+		wasSuspended: payload.wasSuspended,
+		serverName: payload.serverName.trim(),
+		planName: payload.planName,
+		ramGb: payload.ramGb,
+		storageGb: payload.storageGb,
+		sharedCpus: payload.sharedCpus,
+		priceCents: payload.priceCents,
+		currencyCode: payload.currencyCode,
+		interval: payload.interval,
+		nextChargeDate: payload.nextChargeDate,
+	}
+	modal.value?.show()
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+function handleCancel() {
+	hide()
+	emit('cancel')
+}
+
+function handleResubscribe() {
+	if (!canResubscribe.value || !modalData.value?.subscriptionId) return
+	hide()
+
+	emit('resubscribe', {
+		subscriptionId: modalData.value.subscriptionId,
+		wasSuspended: modalData.value.wasSuspended,
+	})
+}
+
+defineExpose({
+	show,
+	hide,
+})
+</script>
diff --git a/packages/ui/src/components/billing/ServersGuestPlanModal.vue b/packages/ui/src/components/billing/ServersGuestPlanModal.vue
new file mode 100644
index 000000000..4fbec6446
--- /dev/null
+++ b/packages/ui/src/components/billing/ServersGuestPlanModal.vue
@@ -0,0 +1,169 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { ChevronRightIcon, ExternalIcon, XIcon } from '@modrinth/assets'
+import { computed, ref, useTemplateRef } from 'vue'
+
+import ButtonStyled from '../base/ButtonStyled.vue'
+import NewModal from '../modal/NewModal.vue'
+import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
+import PlanSelector from './ServersPurchase0Plan.vue'
+
+const props = withDefaults(
+	defineProps<{
+		availableProducts: Labrinth.Billing.Internal.Product[]
+		currency: string
+		loggedIn?: boolean
+	}>(),
+	{
+		loggedIn: false,
+	},
+)
+
+const emit = defineEmits<{
+	(e: 'continue', payload: { interval: ServerBillingInterval; planId: string | null }): void
+}>()
+
+const modal = useTemplateRef<InstanceType<typeof NewModal>>('modal')
+
+const selectedPlan = ref<Labrinth.Billing.Internal.Product>()
+const selectedInterval = ref<ServerBillingInterval>('quarterly')
+const showSignInPrompt = ref(false)
+
+const defaultPlan = computed<Labrinth.Billing.Internal.Product | undefined>(() => {
+	return (
+		props.availableProducts.find((p) => p?.metadata?.type === 'pyro' && p.metadata.ram === 6144) ??
+		props.availableProducts.find((p) => p?.metadata?.type === 'pyro') ??
+		props.availableProducts[0]
+	)
+})
+
+function emitSelection() {
+	emit('continue', {
+		interval: selectedInterval.value,
+		planId: selectedPlan.value?.id ?? null,
+	})
+}
+
+function continueWithSelection() {
+	if (!props.loggedIn) {
+		showSignInPrompt.value = true
+		return
+	}
+
+	emitSelection()
+	modal.value?.hide()
+}
+
+function chooseCustom() {
+	selectedPlan.value = undefined
+}
+
+function closeSignInPrompt() {
+	showSignInPrompt.value = false
+}
+
+function continueToAuth() {
+	emitSelection()
+	closeSignInPrompt()
+	modal.value?.hide()
+}
+
+function handleModalHide() {
+	closeSignInPrompt()
+}
+
+function show(initialInterval?: ServerBillingInterval, initialPlanId?: string | null) {
+	closeSignInPrompt()
+	selectedInterval.value = initialInterval ?? 'quarterly'
+	if (initialPlanId === null) {
+		selectedPlan.value = undefined
+	} else if (initialPlanId) {
+		selectedPlan.value = props.availableProducts.find((product) => product.id === initialPlanId)
+	} else {
+		selectedPlan.value = defaultPlan.value
+	}
+	modal.value?.show()
+}
+
+defineExpose({
+	show,
+})
+</script>
+
+<template>
+	<NewModal ref="modal" :on-hide="handleModalHide" no-padding>
+		<template #title>
+			<div class="flex items-center gap-1 font-bold text-secondary">
+				<span class="text-contrast">Plan</span>
+				<ChevronRightIcon class="h-5 w-5 text-secondary" stroke-width="3" />
+				<span class=""> Region </span>
+				<ChevronRightIcon class="h-5 w-5 text-secondary" stroke-width="3" />
+				<span class=""> Payment method </span>
+				<ChevronRightIcon class="h-5 w-5 text-secondary" stroke-width="3" />
+				<span class=""> Review </span>
+			</div>
+		</template>
+		<div class="relative w-[56rem] max-w-full">
+			<div class="w-full h-full p-6">
+				<PlanSelector
+					v-model:plan="selectedPlan"
+					v-model:interval="selectedInterval"
+					:available-products="availableProducts"
+					:currency="currency"
+					@choose-custom="chooseCustom"
+					@proceed="continueWithSelection"
+				/>
+			</div>
+
+			<Transition
+				enter-active-class="transition-opacity duration-150 ease-out"
+				enter-from-class="opacity-0"
+				enter-to-class="opacity-100"
+				leave-active-class="transition-opacity duration-150 ease-in"
+				leave-from-class="opacity-100"
+				leave-to-class="opacity-0"
+			>
+				<div
+					v-if="showSignInPrompt"
+					class="pointer-events-auto absolute inset-0 z-20 bg-black/60"
+					@click="closeSignInPrompt"
+				/>
+			</Transition>
+
+			<Transition
+				enter-active-class="transition-all duration-200 ease-out"
+				enter-from-class="translate-y-4 opacity-0"
+				enter-to-class="translate-y-0 opacity-100"
+				leave-active-class="transition-all duration-150 ease-in"
+				leave-from-class="translate-y-0 opacity-100"
+				leave-to-class="translate-y-4 opacity-0"
+			>
+				<div
+					v-if="showSignInPrompt"
+					class="absolute inset-x-0 bottom-0 -m-px z-30 rounded-2xl border border-solid border-surface-5 bg-bg-raised p-6 shadow-2xl"
+				>
+					<div class="absolute right-4 top-4">
+						<ButtonStyled circular type="transparent">
+							<button aria-label="Close sign in prompt" @click="closeSignInPrompt">
+								<XIcon />
+							</button>
+						</ButtonStyled>
+					</div>
+
+					<div class="mx-auto flex max-w-xl flex-col items-center gap-4 text-center">
+						<div class="flex flex-col gap-2">
+							<div class="font-semibold text-contrast">Sign in to continue your purchase</div>
+							<div class="">You need a Modrinth account to add your billing details.</div>
+						</div>
+						<ButtonStyled color="brand" class="mt-2">
+							<button @click="continueToAuth">
+								Sign in or create an account
+								<ExternalIcon class="size-4" />
+							</button>
+						</ButtonStyled>
+					</div>
+				</div>
+			</Transition>
+		</div>
+	</NewModal>
+</template>
diff --git a/packages/ui/src/components/billing/ServersPurchase0Plan.vue b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
index 88fa441d4..cec037c84 100644
--- a/packages/ui/src/components/billing/ServersPurchase0Plan.vue
+++ b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { computed, provide } from 'vue'
+import { RightArrowIcon } from '@modrinth/assets'
+import { computed } from 'vue'
 
 import { useFormatPrice } from '../../composables'
 import { defineMessages, useVIntl } from '../../composables/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
+import ButtonStyled from '../base/ButtonStyled.vue'
 import OptionGroup from '../base/OptionGroup.vue'
-import ModalBasedServerPlan from './ModalBasedServerPlan.vue'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
+import ServersSpecs from './ServersSpecs.vue'
 
 const { formatMessage } = useVIntl()
 const formatPrice = useFormatPrice()
@@ -23,18 +25,10 @@ const availableBillingIntervals = ['monthly', 'quarterly']
 const selectedPlan = defineModel<Labrinth.Billing.Internal.Product>('plan')
 const selectedInterval = defineModel<ServerBillingInterval>('interval')
 const emit = defineEmits<{
-	(e: 'choose-custom'): void
+	(e: 'choose-custom' | 'proceed'): void
 }>()
 
 const messages = defineMessages({
-	title: {
-		id: 'servers.purchase.step.plan.prompt',
-		defaultMessage: 'Choose a plan',
-	},
-	subtitle: {
-		id: 'servers.purchase.step.plan.subtitle',
-		defaultMessage: 'Pick the amount of RAM and specs that fit your needs.',
-	},
 	selectPlan: {
 		id: 'servers.purchase.step.plan.select',
 		defaultMessage: 'Select Plan',
@@ -43,9 +37,17 @@ const messages = defineMessages({
 		id: 'servers.purchase.step.plan.get-started',
 		defaultMessage: 'Get started',
 	},
-	billed: {
-		id: 'servers.purchase.step.plan.billed',
-		defaultMessage: 'billed {interval}',
+	smallTitle: {
+		id: 'servers.purchase.step.plan.small',
+		defaultMessage: 'Small',
+	},
+	mediumTitle: {
+		id: 'servers.purchase.step.plan.medium',
+		defaultMessage: 'Medium',
+	},
+	largeTitle: {
+		id: 'servers.purchase.step.plan.large',
+		defaultMessage: 'Large',
 	},
 	smallDesc: {
 		id: 'servers.purchase.step.plan.small.desc',
@@ -67,6 +69,18 @@ const messages = defineMessages({
 		id: 'servers.purchase.step.plan.most-popular',
 		defaultMessage: 'Most Popular',
 	},
+	billingSubtitle: {
+		id: 'servers.purchase.step.plan.billing-subtitle',
+		defaultMessage: 'Available in North America, Europe, and Southeast Asia.',
+	},
+	customHeading: {
+		id: 'servers.purchase.step.plan.custom.heading',
+		defaultMessage: 'Know exactly what you need?',
+	},
+	yourCurrentPlan: {
+		id: 'servers.purchase.step.plan.your-current-plan',
+		defaultMessage: 'Your current plan',
+	},
 })
 
 const isSameAsExistingPlan = computed(() => {
@@ -95,8 +109,12 @@ const plansByRam = computed(() => {
 	return byName
 })
 
-function handleCustomPlan() {
-	emit('choose-custom')
+function planSpecs(plan: Labrinth.Billing.Internal.Product) {
+	const m = plan.metadata
+	if (m.type === 'pyro' || m.type === 'medal') {
+		return { ram: m.ram, storage: m.storage, cpus: m.cpu }
+	}
+	return null
 }
 
 function pricePerMonth(plan?: Labrinth.Billing.Internal.Product) {
@@ -106,22 +124,6 @@ function pricePerMonth(plan?: Labrinth.Billing.Internal.Product) {
 	return total / monthsInInterval[selectedInterval.value]
 }
 
-const customPricePerGb = computed(() => {
-	// Calculate lowest price per GB among products for current interval
-	let min: number | undefined
-	for (const p of props.availableProducts) {
-		const perMonth = pricePerMonth(p)
-		const metadata = p?.metadata
-		if (!metadata || (metadata.type !== 'pyro' && metadata.type !== 'medal')) continue
-		const ramGb = metadata.ram / 1024
-		if (perMonth && ramGb > 0) {
-			const perGb = perMonth / ramGb
-			if (min === undefined || perGb < min) min = perGb
-		}
-	}
-	return min
-})
-
 const customStartingPrice = computed(() => {
 	let min: number | undefined
 	for (const p of props.availableProducts) {
@@ -131,26 +133,47 @@ const customStartingPrice = computed(() => {
 	return min
 })
 
-provide('currency', props.currency)
-provide('selectedInterval', selectedInterval)
+const smallPrice = computed(() => pricePerMonth(plansByRam.value.small))
+const mediumPrice = computed(() => pricePerMonth(plansByRam.value.medium))
+const largePrice = computed(() => pricePerMonth(plansByRam.value.large))
+
+const smallSpecs = computed(() =>
+	plansByRam.value.small ? planSpecs(plansByRam.value.small) : null,
+)
+const mediumSpecs = computed(() =>
+	plansByRam.value.medium ? planSpecs(plansByRam.value.medium) : null,
+)
+const largeSpecs = computed(() =>
+	plansByRam.value.large ? planSpecs(plansByRam.value.large) : null,
+)
+
+function selectPlan(plan: Labrinth.Billing.Internal.Product) {
+	selectedPlan.value = plan
+	emit('proceed')
+}
+
+function selectCustom() {
+	emit('choose-custom')
+	emit('proceed')
+}
 </script>
 
 <template>
-	<div class="grid grid-cols-[1fr_auto_1fr] items-center gap-3 mb-5 !mt-0">
-		<span></span>
+	<div class="flex flex-col items-center gap-2 mb-5 !mt-0">
 		<OptionGroup
 			v-slot="{ option }"
 			v-model="selectedInterval"
 			class="!bg-button-bg !shadow-none"
 			:options="availableBillingIntervals"
 		>
-			<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>
+			<template v-if="option === 'monthly'">Monthly</template>
+			<span v-else-if="option === 'quarterly'">
+				Quarterly <span class="text-brand">(Save 16%)</span>
+			</span>
 		</OptionGroup>
-		<span class="bg-transparent p-0 text-sm text-xs font-bold text-brand">
-			{{ selectedInterval !== 'quarterly' ? 'Save' : 'Saving' }} 16% with quarterly billing!
-		</span>
+		<div class="text-sm text-secondary text-center">
+			{{ formatMessage(messages.billingSubtitle) }}
+		</div>
 	</div>
 	<Transition
 		enter-active-class="transition-all duration-300 ease-out"
@@ -164,68 +187,182 @@ provide('selectedInterval', selectedInterval)
 			Your server is already on this plan, choose a different plan.
 		</div>
 	</Transition>
-	<div class="grid grid-cols-1 sm:grid-cols-2 !gap-4">
-		<ModalBasedServerPlan
-			v-if="plansByRam.small"
-			:plan="plansByRam.small"
-			:title="{ id: 'servers.purchase.step.plan.small', defaultMessage: 'Small' }"
-			:description="messages.smallDesc"
-			:button-color="'blue'"
-			:selected="selectedPlan?.id === plansByRam.small.id"
-			@select="selectedPlan = $event"
-		/>
-		<ModalBasedServerPlan
-			v-if="plansByRam.medium"
-			:plan="plansByRam.medium"
-			:title="{ id: 'servers.purchase.step.plan.medium', defaultMessage: 'Medium' }"
-			:description="messages.mediumDesc"
-			most-popular
-			:button-color="'brand'"
-			:selected="selectedPlan?.id === plansByRam.medium.id"
-			@select="selectedPlan = $event"
-		/>
-		<ModalBasedServerPlan
-			v-if="plansByRam.large"
-			:plan="plansByRam.large"
-			:title="{ id: 'servers.purchase.step.plan.large', defaultMessage: 'Large' }"
-			:description="messages.largeDesc"
-			:button-color="'purple'"
-			:selected="selectedPlan?.id === plansByRam.large.id"
-			@select="selectedPlan = $event"
-		/>
+	<div class="grid grid-cols-3 gap-4 items-start">
+		<!-- Small -->
 		<div
-			v-if="customStartingPrice"
-			class="rounded-2xl p-4 font-semibold transition-all duration-300 experimental-styles-within h-full border-2 border-solid cursor-pointer select-none"
-			:class="!selectedPlan ? 'bg-brand-highlight border-brand' : 'bg-button-bg border-transparent'"
-			role="button"
-			tabindex="0"
-			:aria-pressed="!selectedPlan"
-			@click="handleCustomPlan"
-			@keydown.enter.prevent="handleCustomPlan"
-			@keydown.space.prevent="handleCustomPlan"
+			v-if="plansByRam.small && smallPrice"
+			class="flex flex-col gap-4 rounded-2xl bg-surface-2 border-2 border-solid border-transparent p-5 h-full"
 		>
-			<div class="flex h-full flex-col justify-between">
-				<div class="flex flex-col gap-2">
-					<div class="flex items-center justify-between">
-						<span class="text-2xl font-semibold text-contrast">Custom</span>
+			<div>
+				<div class="text-3xl font-semibold text-contrast leading-none">
+					{{ formatMessage(messages.smallTitle) }}
+				</div>
+				<div class="mt-1">
+					<span class="text-2xl font-bold text-contrast">
+						{{ formatPrice(smallPrice, currency, true) }}
+					</span>
+					<span class="text-sm">
+						/ month<template v-if="selectedInterval !== 'monthly'"
+							>, billed {{ selectedInterval }}</template
+						>
+					</span>
+				</div>
+				<div class="mt-2 text-sm text-primary">
+					{{ formatMessage(messages.smallDesc) }}
+				</div>
+			</div>
+			<div class="w-full">
+				<ButtonStyled color="blue" class="w-full">
+					<button
+						class="w-full"
+						:disabled="existingPlan?.id === plansByRam.small.id"
+						@click="selectPlan(plansByRam.small!)"
+					>
+						{{
+							existingPlan?.id === plansByRam.small.id
+								? formatMessage(messages.yourCurrentPlan)
+								: formatMessage(messages.selectPlan)
+						}}
+					</button>
+				</ButtonStyled>
+			</div>
+			<ServersSpecs
+				v-if="smallSpecs"
+				:ram="smallSpecs.ram"
+				:storage="smallSpecs.storage"
+				:cpus="smallSpecs.cpus"
+			/>
+		</div>
+
+		<!-- Medium (Most Popular) -->
+		<div v-if="plansByRam.medium && mediumPrice" class="flex flex-col items-center relative h-full">
+			<div
+				class="z-10 -mb-3.5 rounded-full text-sm font-medium text-brand whitespace-nowrap absolute -top-3 right-4 bg-surface-3"
+			>
+				<div
+					class="bg-brand-highlight border border-solid border-highlight-green px-2.5 py-0.5 rounded-full"
+				>
+					{{ formatMessage(messages.mostPopular) }}
+				</div>
+			</div>
+
+			<div
+				class="w-full flex flex-col gap-4 rounded-2xl bg-brand-inverted border-brand-highlight border border-solid p-5 h-full"
+				:style="{
+					backgroundImage:
+						'radial-gradient(86.12% 101.64% at 95.97% 94.07%, rgba(27, 217, 106, 0.23) 0%, rgba(14, 115, 56, 0.2) 100%)',
+				}"
+			>
+				<div>
+					<div class="text-3xl font-semibold text-contrast leading-none">
+						{{ formatMessage(messages.mediumTitle) }}
 					</div>
-					<span class="m-0 text-lg font-bold text-contrast">
-						{{ formatPrice(customStartingPrice, currency, true) }}
-						<span class="text-sm font-semibold text-secondary">
+					<div class="mt-1">
+						<span class="text-2xl font-bold text-contrast">
+							{{ formatPrice(mediumPrice, currency, true) }}
+						</span>
+						<span class="text-sm">
 							/ month<template v-if="selectedInterval !== 'monthly'"
 								>, billed {{ selectedInterval }}</template
 							>
 						</span>
-					</span>
-					<span class="text-sm">{{ formatMessage(messages.customDesc) }}</span>
-				</div>
-				<div class="flex flex-col gap-2">
-					<div class="flex items-center gap-3">
-						<span v-if="customPricePerGb" class="text-sm text-secondary">
-							From {{ formatPrice(customPricePerGb, currency, true) }} / GB
-						</span>
+					</div>
+					<div class="mt-2 text-sm text-primary">
+						{{ formatMessage(messages.mediumDesc) }}
 					</div>
 				</div>
+				<div class="w-full">
+					<ButtonStyled color="brand" class="w-full">
+						<button
+							class="w-full"
+							:disabled="existingPlan?.id === plansByRam.medium.id"
+							@click="selectPlan(plansByRam.medium!)"
+						>
+							{{
+								existingPlan?.id === plansByRam.medium.id
+									? formatMessage(messages.yourCurrentPlan)
+									: formatMessage(messages.selectPlan)
+							}}
+						</button>
+					</ButtonStyled>
+				</div>
+				<ServersSpecs
+					v-if="mediumSpecs"
+					:ram="mediumSpecs.ram"
+					:storage="mediumSpecs.storage"
+					:cpus="mediumSpecs.cpus"
+				/>
+			</div>
+		</div>
+
+		<!-- Large -->
+		<div
+			v-if="plansByRam.large && largePrice"
+			class="flex flex-col gap-4 rounded-2xl bg-surface-2 border-2 border-solid border-transparent p-5 h-full"
+		>
+			<div>
+				<div class="text-3xl font-semibold text-contrast leading-none">
+					{{ formatMessage(messages.largeTitle) }}
+				</div>
+				<div class="mt-1">
+					<span class="text-2xl font-bold text-contrast">
+						{{ formatPrice(largePrice, currency, true) }}
+					</span>
+					<span class="text-sm">
+						/ month<template v-if="selectedInterval !== 'monthly'"
+							>, billed {{ selectedInterval }}</template
+						>
+					</span>
+				</div>
+				<div class="mt-2 text-sm text-primary">
+					{{ formatMessage(messages.largeDesc) }}
+				</div>
+			</div>
+			<div class="w-full">
+				<ButtonStyled color="purple" class="w-full">
+					<button
+						class="w-full"
+						:disabled="existingPlan?.id === plansByRam.large.id"
+						@click="selectPlan(plansByRam.large!)"
+					>
+						{{
+							existingPlan?.id === plansByRam.large.id
+								? formatMessage(messages.yourCurrentPlan)
+								: formatMessage(messages.selectPlan)
+						}}
+					</button>
+				</ButtonStyled>
+			</div>
+			<ServersSpecs
+				v-if="largeSpecs"
+				:ram="largeSpecs.ram"
+				:storage="largeSpecs.storage"
+				:cpus="largeSpecs.cpus"
+			/>
+		</div>
+	</div>
+
+	<!-- Custom plan banner -->
+	<div
+		v-if="customStartingPrice"
+		class="mt-4 flex items-center justify-between gap-4 rounded-2xl bg-surface-2 border-2 border-solid border-transparent p-5"
+	>
+		<div class="flex flex-col gap-1">
+			<div class="text-2xl font-semibold text-contrast">
+				{{ formatMessage(messages.customHeading) }}
+			</div>
+			<div class="text-sm text-secondary">
+				{{ formatMessage(messages.customDesc) }}
+			</div>
+		</div>
+		<div class="flex flex-col items-end gap-2 shrink-0">
+			<ButtonStyled>
+				<button class="flex items-center gap-2" @click="selectCustom">
+					{{ formatMessage(messages.getStarted) }} <RightArrowIcon class="h-4 w-4" />
+				</button>
+			</ButtonStyled>
+			<div class="text-sm text-secondary whitespace-nowrap">
+				Starting at {{ formatPrice(customStartingPrice, currency, true) }}/mo
 			</div>
 		</div>
 	</div>
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index f81b3602d..009a39b8b 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -30,7 +30,7 @@ const props = defineProps<{
 	availableProducts: Labrinth.Billing.Internal.Product[]
 }>()
 
-const loading = ref(true)
+const loading = ref(false)
 const checkingCustomStock = ref(false)
 const selectedPlan = defineModel<Labrinth.Billing.Internal.Product>('plan')
 const selectedRegion = defineModel<string>('region')
@@ -214,12 +214,11 @@ async function updateStock() {
 onMounted(() => {
 	// auto select region with lowest ping
 	loading.value = true
-	bestPing.value =
-		props.pings.length > 0
-			? props.pings.reduce((acc, cur) => {
-					return acc.ping < cur.ping ? acc : cur
-				})?.region
-			: undefined
+	bestPing.value = [...props.pings].sort((a, b) => {
+		if (a.ping <= 0) return 1
+		if (b.ping <= 0) return -1
+		return a.ping - b.ping
+	})[0]?.region
 	selectedRegion.value = undefined
 	selectedRam.value = minRam.value
 	checkingCustomStock.value = true
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index bcd83a526..bfe6096c8 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -179,7 +179,7 @@ function setInterval(newInterval: ServerBillingInterval) {
 
 <template>
 	<div class="grid sm:grid-cols-[3fr_2fr] gap-4">
-		<div class="bg-table-alternateRow p-4 rounded-2xl">
+		<div class="bg-surface-2 p-4 rounded-2xl">
 			<div class="flex items-center gap-2 mb-3">
 				<ModrinthServersIcon class="flex h-5 w-fit" />
 				<TagItem>{{ planName }}</TagItem>
@@ -194,9 +194,7 @@ function setInterval(newInterval: ServerBillingInterval) {
 				/>
 			</div>
 		</div>
-		<div
-			class="bg-table-alternateRow p-4 rounded-2xl flex flex-col gap-2 items-center justify-center"
-		>
+		<div class="bg-surface-2 p-4 rounded-2xl flex flex-col gap-2 items-center justify-center">
 			<img
 				v-if="flag"
 				class="aspect-[16/10] max-w-12 w-full object-cover rounded-md border-1 border-button-border border-solid"
@@ -304,10 +302,7 @@ function setInterval(newInterval: ServerBillingInterval) {
 				"
 			/>
 		</template>
-		<div
-			v-else
-			class="p-4 rounded-2xl bg-table-alternateRow text-sm text-secondary leading-relaxed"
-		>
+		<div v-else class="p-4 rounded-2xl bg-surface-2 text-sm text-secondary leading-relaxed">
 			No payment required. Your downgrade will apply at the end of the current billing period.
 		</div>
 	</div>
diff --git a/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue b/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
index c83ec152b..fba939f63 100644
--- a/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
+++ b/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
@@ -9,7 +9,7 @@
 		:customer="customer"
 		:payment-methods="paymentMethods"
 		:currency="selectedCurrency"
-		:return-url="`${props.siteUrl}/hosting/manage`"
+		:return-url="checkoutReturnUrl"
 		:pings="regionPings"
 		:regions="regionsData"
 		:refresh-payment-methods="fetchPaymentData"
@@ -40,10 +40,14 @@ import { computed, ref, watch } from 'vue'
 
 const props = defineProps<{
 	stripePublishableKey: string
-	siteUrl: string
+	siteUrl?: string
 	products: Labrinth.Billing.Internal.Product[]
 }>()
 
+const checkoutReturnUrl = computed(() => {
+	return props.siteUrl ? `${props.siteUrl}/hosting/manage` : undefined
+})
+
 const { addNotification } = injectNotificationManager()
 const { labrinth, archon } = injectModrinthClient()
 const debug = useDebugLogger('ServersUpgradeModalWrapper')
@@ -185,11 +189,6 @@ function runPingTest(region: Archon.Servers.v1.Region, index = 1) {
 }
 
 const subscription = ref<Labrinth.Billing.Internal.UserSubscription | null>(null)
-// Dry run state
-const dryRunResponse = ref<{
-	requires_payment: boolean
-	required_payment_is_proration: boolean
-} | null>(null)
 const pendingDowngradeBody = ref<Labrinth.Billing.Internal.EditSubscriptionRequest | null>(null)
 const currentPlanFromSubscription = computed<Labrinth.Billing.Internal.Product | undefined>(() => {
 	return subscription.value
@@ -246,20 +245,16 @@ async function initiatePayment(
 				dry: true,
 			})
 
-			if (dry && typeof dry === 'object' && 'payment_intent_id' in dry) {
-				dryRunResponse.value = {
-					requires_payment: !!dry.payment_intent_id,
-					required_payment_is_proration: true,
-				}
-				pendingDowngradeBody.value = transformedBody
-				if (dry.payment_intent_id) {
-					return await finalizeImmediate(transformedBody)
-				} else {
-					return null
-				}
-			} else {
-				// Fallback if dry run not supported
+			const requiresPayment =
+				dry && typeof dry === 'object' && 'requires_payment' in dry && dry.requires_payment
+
+			if (requiresPayment) {
+				// Upgrade: requires payment — finalize to create the payment intent
 				return await finalizeImmediate(transformedBody)
+			} else {
+				// Downgrade or no payment change — defer until user confirms
+				pendingDowngradeBody.value = transformedBody
+				return null
 			}
 		} catch (e) {
 			debug('Dry run failed, attempting immediate patch', e)
@@ -291,8 +286,10 @@ async function finalizeImmediate(body: Labrinth.Billing.Internal.EditSubscriptio
 }
 
 async function finalizeDowngrade() {
-	if (!subscription.value || !pendingDowngradeBody.value) return
 	try {
+		if (!subscription.value || !pendingDowngradeBody.value)
+			throw new Error('Missing subscription or pending downgrade body')
+
 		await finalizeImmediate(pendingDowngradeBody.value)
 		addNotification({
 			title: 'Subscription updated',
@@ -307,7 +304,6 @@ async function finalizeDowngrade() {
 		})
 		throw e
 	} finally {
-		dryRunResponse.value = null
 		pendingDowngradeBody.value = null
 	}
 }
diff --git a/packages/ui/src/components/billing/index.ts b/packages/ui/src/components/billing/index.ts
index f2ef22353..447557399 100644
--- a/packages/ui/src/components/billing/index.ts
+++ b/packages/ui/src/components/billing/index.ts
@@ -1,5 +1,7 @@
 export { default as AddPaymentMethodModal } from './AddPaymentMethodModal.vue'
 export { default as ModrinthServersPurchaseModal } from './ModrinthServersPurchaseModal.vue'
 export { default as PurchaseModal } from './PurchaseModal.vue'
+export { default as ResubscribeModal } from './ResubscribeModal.vue'
+export { default as ServersGuestPlanModal } from './ServersGuestPlanModal.vue'
 export { default as ServersSpecs } from './ServersSpecs.vue'
 export { default as ServersUpgradeModalWrapper } from './ServersUpgradeModalWrapper.vue'
diff --git a/packages/ui/src/components/modal/ConfirmModal.vue b/packages/ui/src/components/modal/ConfirmModal.vue
index 2bbcc913a..87a091324 100644
--- a/packages/ui/src/components/modal/ConfirmModal.vue
+++ b/packages/ui/src/components/modal/ConfirmModal.vue
@@ -1,5 +1,5 @@
 <template>
-	<NewModal ref="modal" :noblur="noblur" :danger="danger" :on-hide="onHide">
+	<NewModal ref="modal" :noblur="noblur" :danger="danger" :on-hide="onHide" max-width="550px">
 		<template #title>
 			<slot name="title">
 				<span class="font-extrabold text-contrast text-lg">{{ title }}</span>
@@ -30,19 +30,19 @@
 				placeholder="Type here..."
 				wrapper-class="max-w-[20rem]"
 			/>
-			<div class="flex gap-2">
+			<div class="flex gap-2 justify-end">
+				<ButtonStyled>
+					<button class="!shadow-none" @click="hide()">
+						<XIcon />
+						Cancel
+					</button>
+				</ButtonStyled>
 				<ButtonStyled :color="danger ? 'red' : 'brand'">
 					<button :disabled="action_disabled" @click="proceed">
 						<component :is="proceedIcon" />
 						{{ proceedLabel }}
 					</button>
 				</ButtonStyled>
-				<ButtonStyled>
-					<button @click="hide()">
-						<XIcon />
-						Cancel
-					</button>
-				</ButtonStyled>
 			</div>
 		</div>
 	</NewModal>
diff --git a/packages/ui/src/components/modal/ShareModal.vue b/packages/ui/src/components/modal/ShareModal.vue
index 880466bf2..205fe957d 100644
--- a/packages/ui/src/components/modal/ShareModal.vue
+++ b/packages/ui/src/components/modal/ShareModal.vue
@@ -11,7 +11,9 @@ import {
 import QrcodeVue from 'qrcode.vue'
 import { computed, nextTick, ref } from 'vue'
 
-import { Button, Modal, StyledInput } from '../index'
+import { injectNotificationManager } from '#ui/providers'
+
+import { Button, ButtonStyled, NewModal, StyledInput } from '../index'
 
 const props = defineProps({
 	header: {
@@ -38,6 +40,10 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
+	socialButtons: {
+		type: Boolean,
+		default: true,
+	},
 	onHide: {
 		type: Function,
 		default() {
@@ -47,6 +53,7 @@ const props = defineProps({
 })
 
 const shareModal = ref(null)
+const { addNotification } = injectNotificationManager()
 
 const qrCode = ref(null)
 const qrImage = ref(null)
@@ -94,7 +101,21 @@ const copyImage = async () => {
 }
 
 const copyText = async () => {
-	await navigator.clipboard.writeText(url.value ?? content.value)
+	try {
+		await navigator.clipboard.writeText(url.value ?? content.value)
+		addNotification({
+			type: 'success',
+			title: 'Link copied',
+			text: 'The link has been copied to your clipboard.',
+		})
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error)
+		addNotification({
+			type: 'error',
+			title: 'Failed to copy text',
+			text: message,
+		})
+	}
 }
 
 const sendEmail = computed(
@@ -125,50 +146,59 @@ defineExpose({
 </script>
 
 <template>
-	<Modal ref="shareModal" :header="header" :noblur="noblur" :on-hide="onHide">
-		<div class="share-body">
-			<div v-if="link" class="qr-wrapper">
+	<NewModal ref="shareModal" :header="header" :noblur="noblur" :on-hide="onHide">
+		<div class="flex flex-row flex-wrap items-center gap-2">
+			<div v-if="link" class="group relative mx-auto">
 				<div ref="qrCode">
-					<QrcodeVue :value="url" class="qr-code" margin="3" />
+					<QrcodeVue :value="url" class="!bg-white rounded-[var(--radius-md)]" margin="3" />
 				</div>
-				<Button
-					v-tooltip="'Copy QR code'"
-					icon-only
-					class="copy-button"
-					aria-label="Copy QR code"
-					@click="copyImage"
-				>
-					<ClipboardCopyIcon aria-hidden="true" />
-				</Button>
+				<ButtonStyled circular>
+					<button
+						v-tooltip="'Copy QR code'"
+						class="absolute top-0 right-0 m-2 opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100 group-focus-within:opacity-100 motion-reduce:transition-none"
+						aria-label="Copy QR code"
+						@click="copyImage"
+					>
+						<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
+					</button>
+				</ButtonStyled>
 			</div>
 			<StyledInput v-else v-model="content" multiline resize="vertical" wrapper-class="h-full">
 				<template #right>
-					<Button
+					<button
 						v-tooltip="'Copy Text'"
-						icon-only
+						type="button"
 						aria-label="Copy Text"
-						class="copy-button transparent"
+						class="absolute top-0 right-0 m-2 grid h-10 w-10 cursor-pointer place-content-center rounded-lg border-none bg-button-bg text-primary transition-all hover:bg-button-bg-hover hover:brightness-125 active:scale-95"
 						@click="copyText"
 					>
-						<ClipboardCopyIcon aria-hidden="true" />
-					</Button>
+						<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
+					</button>
 				</template>
 			</StyledInput>
-			<div class="all-buttons">
-				<StyledInput v-if="link" type="text" :model-value="url" readonly wrapper-class="w-full">
-					<template #right>
-						<Button v-tooltip="'Copy Text'" aria-label="Copy Text" class="r-btn" @click="copyText">
-							<ClipboardCopyIcon aria-hidden="true" />
-						</Button>
-					</template>
-				</StyledInput>
-				<div class="button-row">
+			<div class="flex flex-grow flex-col justify-center gap-2">
+				<button
+					v-if="link"
+					v-tooltip="'Copy Link'"
+					type="button"
+					aria-label="Copy Link"
+					class="flex h-10 w-full cursor-pointer items-center justify-between gap-2 rounded-lg border-none bg-button-bg px-3 pr-1.5 text-primary transition-all hover:bg-button-bg-hover hover:brightness-125 active:scale-95"
+					@click="copyText"
+				>
+					<span class="cursor-pointer truncate text-left font-semibold text-primary">
+						{{ url }}
+					</span>
+					<div class="grid h-10 w-10 place-content-center">
+						<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
+					</div>
+				</button>
+				<div v-if="socialButtons" class="flex flex-row gap-2">
 					<Button v-if="canShare" v-tooltip="'Share'" aria-label="Share" icon-only @click="share">
 						<ShareIcon aria-hidden="true" />
 					</Button>
 					<a
 						v-tooltip="'Send as an email'"
-						class="btn icon-only"
+						class="btn icon-only fill-contrast text-contrast"
 						:href="sendEmail"
 						:target="targetParameter"
 						aria-label="Send as an email"
@@ -178,7 +208,7 @@ defineExpose({
 					<a
 						v-if="link"
 						v-tooltip="'Open link in browser'"
-						class="btn icon-only"
+						class="btn icon-only fill-contrast text-contrast"
 						:target="targetParameter"
 						:href="url"
 						aria-label="Open link in browser"
@@ -187,7 +217,7 @@ defineExpose({
 					</a>
 					<a
 						v-tooltip="'Toot about it'"
-						class="btn mastodon icon-only"
+						class="btn icon-only fill-contrast text-contrast bg-[#563acc]"
 						:target="targetParameter"
 						:href="sendToot"
 						aria-label="Toot about it"
@@ -196,7 +226,7 @@ defineExpose({
 					</a>
 					<a
 						v-tooltip="'Tweet about it'"
-						class="btn twitter icon-only"
+						class="btn icon-only fill-contrast text-contrast bg-[#1da1f2]"
 						:target="targetParameter"
 						:href="sendTweet"
 						aria-label="Tweet about it"
@@ -205,7 +235,7 @@ defineExpose({
 					</a>
 					<a
 						v-tooltip="'Share on Reddit'"
-						class="btn reddit icon-only"
+						class="btn icon-only fill-contrast text-contrast bg-[#ff4500]"
 						:target="targetParameter"
 						:href="postOnReddit"
 						aria-label="Share on Reddit"
@@ -215,76 +245,5 @@ defineExpose({
 				</div>
 			</div>
 		</div>
-	</Modal>
+	</NewModal>
 </template>
-
-<style scoped lang="scss">
-.share-body {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	flex-wrap: wrap;
-	gap: var(--gap-sm);
-	padding: var(--gap-lg);
-}
-
-.all-buttons {
-	display: flex;
-	flex-direction: column;
-	gap: var(--gap-sm);
-	flex-grow: 1;
-	justify-content: center;
-}
-
-.button-row {
-	display: flex;
-	flex-direction: row;
-	gap: var(--gap-sm);
-
-	.btn {
-		fill: var(--color-contrast);
-		color: var(--color-contrast);
-
-		&.reddit {
-			background-color: #ff4500;
-		}
-
-		&.mastodon {
-			background-color: #563acc;
-		}
-
-		&.twitter {
-			background-color: #1da1f2;
-		}
-	}
-}
-
-.qr-wrapper {
-	position: relative;
-	margin: 0 auto;
-
-	&:hover {
-		.copy-button {
-			opacity: 1;
-		}
-	}
-}
-
-.qr-code {
-	background-color: white !important;
-	border-radius: var(--radius-md);
-}
-
-.copy-button {
-	position: absolute;
-	top: 0;
-	right: 0;
-	margin: var(--gap-sm);
-	transition: all 0.2s ease-in-out;
-	opacity: 0;
-
-	@media (prefers-reduced-motion) {
-		transition: none !important;
-	}
-}
-</style>
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
index 2955e2479..538676d64 100644
--- a/packages/ui/src/components/modal/TabbedModal.vue
+++ b/packages/ui/src/components/modal/TabbedModal.vue
@@ -1,6 +1,7 @@
 <script lang="ts"></script>
 
 <script setup lang="ts">
+import { RightArrowIcon } from '@modrinth/assets'
 import { type Component, computed, nextTick, ref } from 'vue'
 
 import { type MessageDescriptor, useVIntl } from '../../composables/i18n'
@@ -9,7 +10,8 @@ import NewModal from './NewModal.vue'
 export interface Tab {
 	name: MessageDescriptor
 	icon: Component
-	content: Component
+	content?: Component
+	href?: string
 	badge?: MessageDescriptor
 	shown?: boolean
 }
@@ -75,15 +77,19 @@ defineExpose({ show, hide, selectedTab, setTab })
 		<template v-if="$slots.title" #title>
 			<slot name="title" />
 		</template>
-		<div class="grid grid-cols-[auto_1fr] p-4">
+		<div class="grid grid-cols-[auto_1fr] p-6 pb-3 pr-0">
 			<div
 				class="flex flex-col gap-1 border-solid pr-4 border-0 border-r-[1px] border-divider min-w-[200px]"
 			>
-				<button
+				<component
+					:is="tab.href ? 'a' : 'button'"
 					v-for="(tab, index) in visibleTabs"
 					:key="index"
-					:class="`flex gap-2 items-center text-left rounded-xl px-4 py-2 border-none text-nowrap font-semibold cursor-pointer active:scale-[0.97] transition-all ${selectedTab === index ? 'bg-button-bgSelected text-button-textSelected' : 'bg-transparent text-button-text hover:bg-button-bg hover:text-contrast'}`"
-					@click="() => setTab(index)"
+					:href="tab.href ?? undefined"
+					:target="tab.href ? '_blank' : undefined"
+					:rel="tab.href ? 'noopener noreferrer' : undefined"
+					:class="`flex gap-2 items-center text-left rounded-xl px-4 py-2 border-none text-nowrap font-semibold cursor-pointer active:scale-[0.97] transition-all no-underline ${!tab.href && selectedTab === index ? 'bg-button-bgSelected text-button-textSelected' : 'bg-transparent text-button-text hover:bg-button-bg hover:text-contrast'}`"
+					@click="!tab.href && setTab(index)"
 				>
 					<component :is="tab.icon" class="w-4 h-4 flex-shrink-0" />
 					<span>{{ formatMessage(tab.name) }}</span>
@@ -93,7 +99,8 @@ defineExpose({ show, hide, selectedTab, setTab })
 					>
 						{{ formatMessage(tab.badge) }}
 					</span>
-				</button>
+					<RightArrowIcon v-if="tab.href" class="size-4 ml-auto" />
+				</component>
 
 				<slot name="footer" />
 			</div>
@@ -101,38 +108,41 @@ defineExpose({ show, hide, selectedTab, setTab })
 				<Transition
 					enter-active-class="transition-all duration-200 ease-out"
 					enter-from-class="opacity-0 max-h-0"
-					enter-to-class="opacity-100 max-h-10"
+					enter-to-class="opacity-100 max-h-4"
 					leave-active-class="transition-all duration-200 ease-in"
-					leave-from-class="opacity-100 max-h-10"
+					leave-from-class="opacity-100 max-h-4"
 					leave-to-class="opacity-0 max-h-0"
 				>
 					<div
 						v-if="showTopFade"
-						class="pointer-events-none absolute left-0 right-0 top-0 z-10 h-10 bg-gradient-to-b from-bg-raised to-transparent"
+						class="pointer-events-none absolute left-0 right-0 top-0 z-10 h-4 bg-gradient-to-b from-bg-raised to-transparent"
 					/>
 				</Transition>
 
 				<div
 					ref="scrollContainer"
-					class="min-w-[400px] h-[500px] overflow-y-auto px-4"
+					class="overflow-y-auto px-6 pb-6 h-screen max-h-[min(65vh,600px)]"
 					@scroll="checkScrollState"
 				>
 					<Suspense>
-						<component :is="visibleTabs[selectedTab].content" />
+						<component
+							:is="visibleTabs[selectedTab]?.content"
+							v-if="visibleTabs[selectedTab]?.content"
+						/>
 					</Suspense>
 				</div>
 
 				<Transition
 					enter-active-class="transition-all duration-200 ease-out"
 					enter-from-class="opacity-0 max-h-0"
-					enter-to-class="opacity-100 max-h-10"
+					enter-to-class="opacity-100 max-h-16"
 					leave-active-class="transition-all duration-200 ease-in"
-					leave-from-class="opacity-100 max-h-10"
+					leave-from-class="opacity-100 max-h-16"
 					leave-to-class="opacity-0 max-h-0"
 				>
 					<div
 						v-if="showBottomFade"
-						class="pointer-events-none absolute bottom-0 left-0 right-0 z-10 h-10 bg-gradient-to-t from-bg-raised to-transparent"
+						class="pointer-events-none absolute bottom-0 left-0 right-0 z-10 h-16 bg-gradient-to-t from-bg-raised to-transparent"
 					/>
 				</Transition>
 			</div>
diff --git a/packages/ui/src/components/modal/UploadProgressModal.vue b/packages/ui/src/components/modal/UploadProgressModal.vue
new file mode 100644
index 000000000..49ec15955
--- /dev/null
+++ b/packages/ui/src/components/modal/UploadProgressModal.vue
@@ -0,0 +1,50 @@
+<template>
+	<NewModal ref="modal" :header="formatMessage(messages.header)" :closable="false">
+		<div class="flex flex-col gap-4 md:w-[400px]">
+			<AppearingProgressBar :max-value="totalBytes" :current-value="uploadedBytes" />
+			<p class="m-0 text-sm text-secondary">{{ formatMessage(messages.warningText) }}</p>
+		</div>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import type { UploadHandle } from '@modrinth/api-client'
+import { ref } from 'vue'
+
+import { AppearingProgressBar } from '#ui/components/base'
+import { defineMessages, useVIntl } from '#ui/composables/i18n'
+
+import NewModal from './NewModal.vue'
+
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	header: {
+		id: 'servers.setup.uploading-modpack.header',
+		defaultMessage: 'Uploading modpack',
+	},
+	warningText: {
+		id: 'servers.setup.upload-warning',
+		defaultMessage: "Please don't close this page while uploading.",
+	},
+})
+
+const modal = ref<InstanceType<typeof NewModal>>()
+const uploadedBytes = ref(0)
+const totalBytes = ref(0)
+
+function track<T>(handle: UploadHandle<T>): Promise<T> {
+	uploadedBytes.value = 0
+	totalBytes.value = 0
+	modal.value?.show()
+	handle.onProgress(({ loaded, total }) => {
+		uploadedBytes.value = loaded
+		totalBytes.value = total
+	})
+	return handle.promise.finally(() => {
+		modal.value?.hide()
+	})
+}
+
+defineExpose({ track })
+</script>
diff --git a/packages/ui/src/components/modal/index.ts b/packages/ui/src/components/modal/index.ts
index 412be2b2b..eeab7b073 100644
--- a/packages/ui/src/components/modal/index.ts
+++ b/packages/ui/src/components/modal/index.ts
@@ -8,3 +8,4 @@ export { default as OpenInAppModal } from './OpenInAppModal.vue'
 export { default as ShareModal } from './ShareModal.vue'
 export type { Tab as TabbedModalTab } from './TabbedModal.vue'
 export { default as TabbedModal } from './TabbedModal.vue'
+export { default as UploadProgressModal } from './UploadProgressModal.vue'
diff --git a/packages/ui/src/components/nav/NotificationPanel.vue b/packages/ui/src/components/nav/NotificationPanel.vue
index f5a8e318c..5c5de11a8 100644
--- a/packages/ui/src/components/nav/NotificationPanel.vue
+++ b/packages/ui/src/components/nav/NotificationPanel.vue
@@ -5,7 +5,7 @@
 			'intercom-present': isIntercomPresent,
 			'location-left': notificationLocation === 'left',
 			'location-right': notificationLocation === 'right',
-			'has-sidebar': hasSidebar,
+			'has-sidebar': hasSidebar && !hasModalActive,
 		}"
 	>
 		<transition-group name="notifs">
@@ -92,6 +92,8 @@ import {
 } from '@modrinth/assets'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 
+import { useModalStack } from '#ui/composables/modal-stack.ts'
+
 import { injectNotificationManager, type WebNotification } from '../../providers'
 import ButtonStyled from '../base/ButtonStyled.vue'
 
@@ -151,6 +153,8 @@ onMounted(() => {
 	})
 })
 
+const { hasModal: hasModalActive } = useModalStack()
+
 withDefaults(
 	defineProps<{
 		hasSidebar?: boolean
@@ -167,9 +171,11 @@ withDefaults(
 	bottom: 1.5rem;
 	z-index: 200;
 	width: 450px;
+	transition: bottom 0.25s ease-in-out;
 
 	&.location-right {
 		right: 1.5rem;
+		transition: right 0.25s ease-in-out;
 
 		&.has-sidebar {
 			right: 325px;
@@ -242,4 +248,8 @@ withDefaults(
 		transform: translateX(-100%) scale(0.8);
 	}
 }
+
+body.floating-action-bar-shown .vue-notification-group {
+	bottom: calc(90px);
+}
 </style>
diff --git a/packages/ui/src/components/project/card/ProjectCard.vue b/packages/ui/src/components/project/card/ProjectCard.vue
index 28c141d7c..35663c407 100644
--- a/packages/ui/src/components/project/card/ProjectCard.vue
+++ b/packages/ui/src/components/project/card/ProjectCard.vue
@@ -192,6 +192,7 @@
 import type { ProjectStatus } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
 
 import { AutoLink, Avatar } from '../../base'
 import { SmartClickable } from '../../base/index.ts'
@@ -217,7 +218,7 @@ defineEmits<{
 
 const props = defineProps<{
 	layout: 'list' | 'grid'
-	link?: string | (() => void)
+	link?: string | RouteLocationRaw | (() => void)
 	iconUrl?: string
 	title: string
 	author?: {
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index 188be2fec..c87e6c15b 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -22,7 +22,11 @@
 				(x) => x.provided && !overriddenProvidedFilterTypes.includes(x.type),
 			)"
 			:key="`provided-filter-${providedItem.type}-${providedItem.option}`"
-			v-tooltip="formatMessage(providedMessage ?? defaultProvidedMessage)"
+			v-tooltip="
+				typeof providedMessage === 'string'
+					? providedMessage
+					: formatMessage(providedMessage ?? defaultProvidedMessage)
+			"
 			:style="{ '--_bg-color': `var(--color-raised-bg)` }"
 		>
 			<LockIcon />
@@ -47,7 +51,7 @@ const props = defineProps<{
 	filters: FilterType[]
 	providedFilters: FilterValue[]
 	overriddenProvidedFilterTypes: string[]
-	providedMessage?: MessageDescriptor
+	providedMessage?: MessageDescriptor | string
 }>()
 
 const defaultProvidedMessage = defineMessage({
diff --git a/packages/ui/src/components/servers/SaveBanner.vue b/packages/ui/src/components/servers/SaveBanner.vue
new file mode 100644
index 000000000..afc753fe5
--- /dev/null
+++ b/packages/ui/src/components/servers/SaveBanner.vue
@@ -0,0 +1,68 @@
+<template>
+	<Teleport to="body">
+		<FloatingActionBar :shown="props.isVisible">
+			<p class="m-0 font-semibold text-sm md:text-base">You have unsaved changes.</p>
+			<div class="ml-auto flex gap-2">
+				<ButtonStyled type="transparent">
+					<button :disabled="props.isUpdating" @click="props.reset"><HistoryIcon /> Reset</button>
+				</ButtonStyled>
+				<ButtonStyled :color="props.restart ? 'standard' : 'brand'">
+					<button :disabled="props.isUpdating" @click="props.save">
+						<SpinnerIcon v-if="props.isUpdating" class="animate-spin" />
+						<SaveIcon v-else />
+						{{ props.isUpdating ? 'Saving...' : 'Save' }}
+					</button>
+				</ButtonStyled>
+				<ButtonStyled v-if="props.restart" color="brand">
+					<button :disabled="props.isUpdating || isTransitioning" @click="saveAndPower">
+						<SpinnerIcon v-if="props.isUpdating || isTransitioning" class="animate-spin" />
+						{{ powerButtonLabel }}
+					</button>
+				</ButtonStyled>
+			</div>
+		</FloatingActionBar>
+	</Teleport>
+</template>
+
+<script setup lang="ts">
+import { HistoryIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import FloatingActionBar from '#ui/components/base/FloatingActionBar.vue'
+import { injectModrinthClient, injectModrinthServerContext } from '#ui/providers'
+
+const props = defineProps<{
+	isUpdating: boolean
+	restart?: boolean
+	save: () => void | Promise<void>
+	reset: () => void
+	isVisible: boolean
+	serverId: string
+}>()
+
+const client = injectModrinthClient()
+
+const { powerState } = injectModrinthServerContext()
+
+const isStopped = computed(() => powerState.value === 'stopped' || powerState.value === 'crashed')
+
+const isTransitioning = computed(
+	() => powerState.value === 'starting' || powerState.value === 'stopping',
+)
+
+const powerButtonLabel = computed(() => {
+	if (props.isUpdating) return 'Saving...'
+	if (isTransitioning.value) return isStopped.value ? 'Starting...' : 'Restarting...'
+	return isStopped.value ? 'Save & start' : 'Save & restart'
+})
+
+const saveAndPower = async () => {
+	try {
+		await props.save()
+	} catch {
+		return
+	}
+	await client.archon.servers_v0.power(props.serverId, isStopped.value ? 'Start' : 'Restart')
+}
+</script>
diff --git a/packages/ui/src/components/servers/ServerListing.vue b/packages/ui/src/components/servers/ServerListing.vue
index fe8dd4f4b..b14a44429 100644
--- a/packages/ui/src/components/servers/ServerListing.vue
+++ b/packages/ui/src/components/servers/ServerListing.vue
@@ -1,108 +1,234 @@
 <template>
-	<div>
-		<NuxtLink :to="status === 'suspended' ? '' : `/hosting/manage/${props.server_id}`">
+	<div
+		class="transition-all"
+		:class="{
+			pressable: !isDisabled,
+			hoverable: !isDisabled,
+			'cursor-pointer': !isDisabled,
+		}"
+		:role="!isDisabled ? 'link' : undefined"
+		:tabindex="!isDisabled ? 0 : undefined"
+		@click="navigateToServer"
+		@keydown.enter.self="navigateToServer"
+		@keydown.space.prevent.self="navigateToServer"
+	>
+		<div
+			class="flex flex-row items-center overflow-x-hidden rounded-2xl border-[1px] border-solid border-surface-4 bg-bg-raised p-4 transition-all duration-150"
+			:class="{
+				'!rounded-b-none border-b-0': hasNotice,
+				'bg-surface-2': isDisabled,
+			}"
+			data-pyro-server-listing
+			:data-pyro-server-listing-id="server_id"
+		>
 			<div
-				class="flex flex-row items-center overflow-x-hidden rounded-2xl border-[1px] border-solid border-button-bg bg-bg-raised p-4 transition-transform duration-100"
-				:class="{
-					'!rounded-b-none border-b-0': status === 'suspended' || !!pendingChange,
-					'opacity-75': status === 'suspended',
-					'active:scale-95': status !== 'suspended' && !pendingChange,
-				}"
-				data-pyro-server-listing
-				:data-pyro-server-listing-id="server_id"
+				v-if="hasIconOverlay"
+				class="flex size-16 items-center justify-center rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
 			>
-				<ServerIcon v-if="status !== 'suspended'" :image="image" />
+				<ServerIcon :image="image ?? undefined" :disabled="isDisabled" class="!rounded-xl" />
+				<SpinnerIcon
+					v-if="isProvisioning || isUpgrading"
+					class="size-8 animate-spin absolute text-contrast"
+					:class="{ 'opacity-50': isDisabled }"
+				/>
+				<LockIcon v-else class="size-8 absolute" :class="{ 'opacity-50': isDisabled }" />
+			</div>
+			<ServerIcon v-else :image="image ?? undefined" :disabled="isDisabled" />
+			<div class="ml-4 flex flex-col gap-1.5">
+				<div class="flex flex-row items-center gap-2">
+					<h2 class="m-0 text-xl font-bold text-contrast" :class="{ 'opacity-50': isDisabled }">
+						{{ name }}
+					</h2>
+					<div
+						v-if="isConfiguring && noticeType !== 'cancelled' && noticeType !== 'setToCancel'"
+						class="flex min-w-0 items-center gap-2 truncate text-sm font-medium text-brand rounded-full bg-brand-highlight border border-solid border-brand px-2.5 h-[28px]"
+					>
+						<SparklesIcon class="size-5 shrink-0 font-semibold" />
+						{{ formatMessage(messages.newLabel) }}
+					</div>
+				</div>
+
 				<div
-					v-else
-					class="bg-bg-secondary flex size-16 items-center justify-center rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
+					v-if="projectData?.title"
+					class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
+					:class="{ 'opacity-50': isDisabled }"
 				>
-					<LockIcon class="size-12 text-secondary" />
-				</div>
-				<div class="ml-4 flex flex-col gap-2.5">
-					<div class="flex flex-row items-center gap-2">
-						<h2 class="m-0 text-xl font-bold text-contrast">{{ name }}</h2>
-						<ChevronRightIcon />
-					</div>
-
-					<div
-						v-if="projectData?.title"
-						class="m-0 flex flex-row items-center gap-2 text-sm font-medium text-secondary"
-					>
-						<Avatar
-							:src="iconUrl"
-							no-shadow
-							style="min-height: 20px; min-width: 20px; height: 20px; width: 20px"
-							alt="Server Icon"
-						/>
-						Using {{ projectData?.title || 'Unknown' }}
-					</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>
-					<ServerInfoLabels
-						v-else
-						:server-data="{ game, mc_version, loader, loader_version, net }"
-						:show-game-label="showGameLabel"
-						:show-loader-label="showLoaderLabel"
-						:linked="false"
-						class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-secondary *:hidden sm:flex-row sm:*:flex"
+					<Avatar
+						:src="iconUrl"
+						no-shadow
+						style="min-height: 20px; min-width: 20px; height: 20px; width: 20px"
+						:alt="formatMessage(messages.serverIconAlt)"
 					/>
+					{{ formatMessage(messages.usingProjectLabel, { projectTitle: projectData?.title }) }}
 				</div>
+
+				<ServerInfoLabels
+					:server-data="
+						isConfiguring
+							? { net }
+							: {
+									game,
+									mc_version,
+									loader,
+									loader_version,
+									net,
+									online,
+									players: playerCount
+										? { current: playerCount.current, max: playerCount.max }
+										: undefined,
+								}
+					"
+					:server-id="server_id"
+					:show-game-label="showGameLabel"
+					:show-loader-label="showLoaderLabel"
+					:show-player-count="showPlayerCount"
+					:class="{ 'opacity-50': isDisabled }"
+					:linked="false"
+					class="flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex"
+				/>
 			</div>
-		</NuxtLink>
-		<div
-			v-if="status === 'suspended' && suspension_reason === 'upgrading'"
-			class="relative flex w-full flex-row items-center gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-blue bg-bg-blue p-4 text-sm font-bold text-contrast"
-		>
-			<LoaderCircleIcon class="size-5 animate-spin" />
-			Your server's hardware is currently being upgraded and will be back online shortly.
 		</div>
-		<div
-			v-else-if="status === 'suspended' && suspension_reason === 'cancelled'"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
-		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your server has been cancelled. Please update your
-				billing information or contact Modrinth Support for more information.
+
+		<div v-if="noticeType" class="server-listing-notice">
+			<div v-if="noticeType === 'provisioning'" class="flex gap-2">
+				{{ formatMessage(messages.provisioningNotice) }}
 			</div>
-			<CopyCode :text="`${props.server_id}`" class="ml-auto" />
-		</div>
-		<div
-			v-else-if="status === 'suspended' && suspension_reason"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
-		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your server has been suspended:
-				{{ suspension_reason }}. Please update your billing information or contact Modrinth Support
-				for more information.
+			<div v-else-if="noticeType === 'upgrading'" class="flex gap-2">
+				{{ formatMessage(messages.upgradingNotice) }}
 			</div>
-			<CopyCode :text="`${props.server_id}`" class="ml-auto" />
-		</div>
-		<div
-			v-else-if="status === 'suspended'"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
-		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your server has been suspended. Please update your
-				billing information or contact Modrinth Support for more information.
+			<div v-else-if="noticeType === 'cancelled' || noticeType === 'paymentfailed'">
+				<IntlFormatted
+					v-if="noticeType === 'paymentfailed' && cancellationDate"
+					:message-id="messages.subscriptionCancelledPaymentFailedOnDate"
+					:values="{ formattedDate: formatDate(cancellationDate) }"
+				>
+					<template #date="{ children }">
+						<span class="font-medium text-contrast"><component :is="() => children" /></span>
+					</template>
+				</IntlFormatted>
+
+				<span v-else-if="noticeType === 'paymentfailed'">
+					{{ formatMessage(messages.subscriptionCancelledPaymentFailed) }}
+				</span>
+
+				<IntlFormatted
+					v-else-if="cancellationDate"
+					:message-id="messages.subscriptionCancelledOnDate"
+					:values="{ formattedDate: formatDate(cancellationDate) }"
+				>
+					<template #date="{ children }">
+						<span class="font-medium text-contrast"><component :is="() => children" /></span>
+					</template>
+				</IntlFormatted>
+
+				<span v-else>
+					{{ formatMessage(messages.subscriptionCancelled) }}
+				</span>
+
+				{{ ' ' }}
+				<IntlFormatted
+					v-if="!isFilesExpired"
+					:message-id="messages.filesKeptForDownload"
+					:values="{ daysRemaining: filesRemainingDays }"
+				>
+					<template #days-remaining="{ children }">
+						<span class="font-medium text-red">
+							<component :is="() => children" />
+						</span>
+					</template>
+				</IntlFormatted>
+			</div>
+
+			<div v-else-if="noticeType === 'setToCancel'">
+				<IntlFormatted
+					v-if="cancellationDate"
+					:message-id="messages.subscriptionSetToCancelOnDate"
+					:values="{ formattedDate: formatDate(cancellationDate) }"
+				>
+					<template #date="{ children }">
+						<span class="font-medium text-contrast">
+							<component :is="() => children" />
+						</span>
+					</template>
+				</IntlFormatted>
+
+				<span v-else>{{ formatMessage(messages.subscriptionSetToCancel) }}</span>
+
+				<template v-if="!isFilesExpired">
+					{{ ' ' }}
+					{{ formatMessage(messages.filesPreservedAfterCancellation) }}
+				</template>
+			</div>
+			<div v-else-if="noticeType === 'moderated'">
+				{{ formatMessage(messages.moderatedNotice) }}
+			</div>
+			<div v-else>
+				{{ formatMessage(messages.suspendedNotice) }}
+			</div>
+
+			<div v-if="noticeButtons" class="flex gap-2">
+				<ButtonStyled
+					v-if="noticeButtons.downloadBackup && onDownloadBackup && isBackupDownloadEnabled"
+					type="outlined"
+					circular
+				>
+					<button
+						v-tooltip="formatMessage(messages.downloadLatestBackupTooltip)"
+						class="!border-surface-4"
+						data-server-listing-button
+						@click="onDownloadBackup"
+					>
+						<DownloadIcon />
+					</button>
+				</ButtonStyled>
+				<ButtonStyled v-if="noticeButtons.copyId" type="outlined">
+					<button
+						v-tooltip="formatMessage(messages.copyCodeToClipboardTooltip)"
+						class="!border-surface-4"
+						data-server-listing-button
+						@click="copyToClipboard(server_id)"
+					>
+						<template v-if="copied">
+							{{ formatMessage(messages.copiedLabel) }} <CheckIcon class="text-green" />
+						</template>
+						<template v-else> {{ formatMessage(messages.copyIdLabel) }} <CopyIcon /> </template>
+					</button>
+				</ButtonStyled>
+				<ButtonStyled v-if="noticeButtons.support">
+					<a href="https://support.modrinth.com/en/" target="_blank" data-server-listing-button
+						><MessagesSquareIcon /> {{ formatMessage(messages.supportLabel) }}
+					</a>
+				</ButtonStyled>
+				<ButtonStyled v-if="noticeButtons.manageBilling" color="brand">
+					<AutoLink :to="`/settings/billing#server-${server_id}`" data-server-listing-button>
+						<CardIcon /> {{ formatMessage(messages.manageBillingLabel) }}
+					</AutoLink>
+				</ButtonStyled>
+				<ButtonStyled v-if="noticeButtons.resubscribe && onResubscribe" color="brand">
+					<button data-server-listing-button @click="onResubscribe">
+						<RotateCounterClockwiseIcon /> {{ formatMessage(messages.resubscribeLabel) }}
+					</button>
+				</ButtonStyled>
 			</div>
-			<CopyCode :text="`${props.server_id}`" class="ml-auto" />
 		</div>
-		<div
-			v-if="pendingChange && status !== 'suspended'"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-orange bg-bg-orange p-4 text-sm font-bold text-contrast"
-		>
+
+		<div v-if="pendingChange && status !== 'suspended'" class="server-listing-notice">
 			<div>
-				Your server will {{ pendingChange.verb.toLowerCase() }} to the "{{
-					pendingChange.planSize
-				}}" plan on {{ formatDate(pendingChange.date) }}.
+				<IntlFormatted
+					:message-id="messages.pendingChangeNotice"
+					:values="{
+						verb: pendingChange.verb.toLowerCase(),
+						planSize: pendingChange.planSize,
+						formattedDate: formatDate(pendingChange.date),
+					}"
+				>
+					<template #date="{ children }">
+						<span class="font-medium text-contrast"><component :is="() => children" /></span>
+					</template>
+				</IntlFormatted>
 			</div>
 			<ServersSpecs
-				class="!font-normal !text-contrast"
+				class="!font-normal !text-primary"
 				:ram="Math.round((pendingChange.ramGb ?? 0) * 1024)"
 				:storage="Math.round((pendingChange.storageGb ?? 0) * 1024)"
 				:cpus="pendingChange.cpuBurst"
@@ -115,24 +241,134 @@
 <script setup lang="ts">
 import type { Archon } from '@modrinth/api-client'
 import {
-	ChevronRightIcon,
-	LoaderCircleIcon,
+	DownloadIcon,
 	LockIcon,
+	MessagesSquareIcon,
 	SparklesIcon,
-	TriangleAlertIcon,
+	SpinnerIcon,
 } from '@modrinth/assets'
+import { AutoLink, ButtonStyled } from '@modrinth/ui'
 import { useQuery } from '@tanstack/vue-query'
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
 
+import {
+	CardIcon,
+	CheckIcon,
+	CopyIcon,
+	RotateCounterClockwiseIcon,
+} from '../../../../assets/generated-icons'
 import { useFormatDateTime } from '../../composables'
+import { defineMessages, useVIntl } from '../../composables/i18n'
 import { injectModrinthClient } from '../../providers/api-client'
 import Avatar from '../base/Avatar.vue'
-import CopyCode from '../base/CopyCode.vue'
+import IntlFormatted from '../base/IntlFormatted.vue'
 import ServersSpecs from '../billing/ServersSpecs.vue'
 import ServerIcon from './icons/ServerIcon.vue'
 import ServerInfoLabels from './labels/ServerInfoLabels.vue'
 
 const formatDate = useFormatDateTime({ dateStyle: 'long' })
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	newLabel: {
+		id: 'servers.listing.new-label',
+		defaultMessage: 'New',
+	},
+	serverIconAlt: {
+		id: 'servers.listing.server-icon-alt',
+		defaultMessage: 'Server icon',
+	},
+	usingProjectLabel: {
+		id: 'servers.listing.using-project-label',
+		defaultMessage: 'Using {projectTitle}',
+	},
+	provisioningNotice: {
+		id: 'servers.listing.notice.provisioning',
+		defaultMessage: 'Please wait while we set up your server. This can take up to 10 minutes.',
+	},
+	upgradingNotice: {
+		id: 'servers.listing.notice.upgrading',
+		defaultMessage:
+			"Your server's hardware is currently being upgraded and will be back online shortly.",
+	},
+	subscriptionCancelled: {
+		id: 'servers.listing.notice.subscription-cancelled',
+		defaultMessage: 'Your subscription was cancelled.',
+	},
+	subscriptionCancelledOnDate: {
+		id: 'servers.listing.notice.subscription-cancelled-on-date',
+		defaultMessage: 'Your subscription was cancelled on <date>{formattedDate}</date>. ',
+	},
+	subscriptionCancelledPaymentFailed: {
+		id: 'servers.listing.notice.subscription-cancelled-payment-failed',
+		defaultMessage: 'Your subscription was cancelled due to payment failure.',
+	},
+	subscriptionCancelledPaymentFailedOnDate: {
+		id: 'servers.listing.notice.subscription-cancelled-payment-failed-on-date',
+		defaultMessage:
+			'Your subscription was cancelled on <date>{formattedDate}</date> due to payment failure. ',
+	},
+	filesKeptForDownload: {
+		id: 'servers.listing.notice.files-kept-for-download',
+		defaultMessage:
+			'Your files will be kept for <days-remaining>{daysRemaining} more {daysRemaining, plural, one {day} other {days} }</days-remaining>. Contact support to download the files before they are deleted. ',
+	},
+	subscriptionSetToCancel: {
+		id: 'servers.listing.notice.subscription-set-to-cancel',
+		defaultMessage: 'Your subscription is set to cancel.',
+	},
+	subscriptionSetToCancelOnDate: {
+		id: 'servers.listing.notice.subscription-set-to-cancel-on-date',
+		defaultMessage: 'Your subscription is set to cancel on <date>{formattedDate}</date>. ',
+	},
+	filesPreservedAfterCancellation: {
+		id: 'servers.listing.notice.files-preserved-after-cancellation',
+		defaultMessage: 'Your files will be preserved for 30 days after cancellation.',
+	},
+	moderatedNotice: {
+		id: 'servers.listing.notice.moderated',
+		defaultMessage: 'Your server has been suspended by moderation action. ',
+	},
+	suspendedNotice: {
+		id: 'servers.listing.notice.suspended',
+		defaultMessage:
+			'Your server has been suspended. Please contact Modrinth Support for more information.',
+	},
+	downloadLatestBackupTooltip: {
+		id: 'servers.listing.download-latest-backup-tooltip',
+		defaultMessage: 'Download latest backup',
+	},
+	copyCodeToClipboardTooltip: {
+		id: 'servers.listing.copy-code-tooltip',
+		defaultMessage: 'Copy code to clipboard',
+	},
+	copiedLabel: {
+		id: 'servers.listing.copied-label',
+		defaultMessage: 'Copied',
+	},
+	copyIdLabel: {
+		id: 'servers.listing.copy-id-label',
+		defaultMessage: 'Copy ID',
+	},
+	supportLabel: {
+		id: 'servers.listing.support-label',
+		defaultMessage: 'Support',
+	},
+	manageBillingLabel: {
+		id: 'servers.listing.manage-billing-label',
+		defaultMessage: 'Manage billing',
+	},
+	resubscribeLabel: {
+		id: 'servers.listing.resubscribe-label',
+		defaultMessage: 'Resubscribe',
+	},
+	pendingChangeNotice: {
+		id: 'servers.listing.notice.pending-change',
+		defaultMessage:
+			'Your server will {verb} to the {planSize} Plan on <date>{formattedDate}</date>. ',
+	},
+})
 
 export type PendingChange = {
 	planSize: string
@@ -159,14 +395,99 @@ type ServerListingProps = {
 	upstream?: Archon.Servers.v0.Upstream | null
 	flows?: Archon.Servers.v0.Flows
 	pendingChange?: PendingChange
+	online?: boolean
+	playerCount?: {
+		current?: number
+		max?: number
+	}
+	isProvisioning?: boolean
+	cancellationDate?: string | Date | null
+	onResubscribe?: (() => void) | null
+	onDownloadBackup?: (() => void) | null
 }
 
 const props = defineProps<ServerListingProps>()
+const router = useRouter()
 
 const { archon, kyros, labrinth } = injectModrinthClient()
 
-const showGameLabel = computed(() => !!props.game)
-const showLoaderLabel = computed(() => !!props.loader)
+const isBackupDownloadEnabled = false
+const isConfiguring = computed(() => props.flows?.intro)
+const isUpgrading = computed(
+	() => props.status === 'suspended' && props.suspension_reason === 'upgrading',
+)
+const isDisabled = computed(() => props.status === 'suspended' || props.isProvisioning)
+const isSetToCancel = computed(() => !!props.cancellationDate && props.status !== 'suspended')
+const filesRemainingDays = computed(() => {
+	if (!props.cancellationDate) return 0
+	const cancellation = new Date(props.cancellationDate)
+	const expiresAt = new Date(cancellation.getTime() + 30 * 24 * 60 * 60 * 1000) // expires 30 days after cancellation
+	const remaining = Math.ceil((expiresAt.getTime() - Date.now()) / (24 * 60 * 60 * 1000))
+	return Math.max(0, remaining)
+})
+const isFilesExpired = computed(() => filesRemainingDays.value <= 0)
+
+const hasIconOverlay = computed(
+	() => props.isProvisioning || isUpgrading.value || props.status === 'suspended',
+)
+
+type NoticeType =
+	| 'provisioning'
+	| 'upgrading'
+	| 'cancelled'
+	| 'paymentfailed'
+	| 'moderated'
+	| 'suspended'
+	| 'setToCancel'
+
+const noticeType = computed<NoticeType | null>(() => {
+	if (props.isProvisioning) return 'provisioning'
+	if (props.status === 'suspended') {
+		switch (props.suspension_reason) {
+			case 'upgrading':
+				return 'upgrading'
+			case 'cancelled':
+				return 'cancelled'
+			case 'paymentfailed':
+				return 'paymentfailed'
+			case 'moderated':
+				return 'moderated'
+			default:
+				return 'suspended'
+		}
+	}
+	if (isSetToCancel.value) return 'setToCancel'
+	return null
+})
+
+type NoticeButtons = {
+	downloadBackup?: boolean
+	copyId?: boolean
+	support?: boolean
+	manageBilling?: boolean
+	resubscribe?: boolean
+}
+
+const noticeButtons = computed<NoticeButtons | null>(() => {
+	switch (noticeType.value) {
+		case 'cancelled':
+		case 'setToCancel':
+			return { downloadBackup: true, copyId: true, support: true, resubscribe: true }
+		case 'paymentfailed':
+			return { downloadBackup: true, copyId: true, support: true, manageBilling: true }
+		case 'moderated':
+		case 'suspended':
+			return { downloadBackup: true, copyId: true, support: true }
+		default:
+			return null
+	}
+})
+
+const hasNotice = computed(() => !!noticeType.value || !!props.pendingChange)
+
+const showGameLabel = computed(() => !!props.game && !isConfiguring.value)
+const showLoaderLabel = computed(() => !!props.loader && !isConfiguring.value)
+const showPlayerCount = computed(() => !!props.playerCount && !isConfiguring.value)
 
 const { data: projectData } = useQuery({
 	queryKey: ['project', props.upstream?.project_id] as const,
@@ -207,17 +528,30 @@ const { data: image } = useQuery({
 		if (!props.server_id || props.status !== 'available') return null
 
 		try {
-			const auth = await archon.servers_v0.getFilesystemAuth(props.server_id)
+			const fsAuth = await archon.servers_v0.getFilesystemAuth(props.server_id)
 
 			try {
-				const blob = await kyros.files_v0.downloadFile(
-					auth.url,
-					auth.token,
-					'/server-icon-original.png',
-				)
+				const blob = await kyros.files_v0.downloadFileWithAuth(fsAuth, '/server-icon.png')
+				return await processImageBlob(blob, 64)
+			} catch (error) {
+				const statusCode = (error as { statusCode?: number })?.statusCode
+				if (statusCode != null && statusCode !== 404) {
+					throw error
+				}
+
+				try {
+					const originalBlob = await kyros.files_v0.downloadFileWithAuth(
+						fsAuth,
+						'/server-icon-original.png',
+					)
+					return await processImageBlob(originalBlob, 64)
+				} catch (originalError) {
+					const originalStatusCode = (originalError as { statusCode?: number })?.statusCode
+					if (originalStatusCode != null && originalStatusCode !== 404) {
+						throw originalError
+					}
+				}
 
-				return await processImageBlob(blob, 512)
-			} catch {
 				const projectIcon = iconUrl.value
 				if (projectIcon) {
 					const response = await fetch(projectIcon)
@@ -227,30 +561,62 @@ const { data: image } = useQuery({
 					const scaledBlob = await dataURLToBlob(scaledDataUrl)
 					const scaledFile = new File([scaledBlob], 'server-icon.png', { type: 'image/png' })
 
-					await kyros.files_v0.uploadFile(auth.url, auth.token, '/server-icon.png', scaledFile)
+					await kyros.files_v0.uploadFileWithAuth(fsAuth, '/server-icon.png', scaledFile).promise
 
 					const originalFile = new File([blob], 'server-icon-original.png', {
 						type: 'image/png',
 					})
-					await kyros.files_v0.uploadFile(
-						auth.url,
-						auth.token,
-						'/server-icon-original.png',
-						originalFile,
-					)
+					await kyros.files_v0.uploadFileWithAuth(fsAuth, '/server-icon-original.png', originalFile)
+						.promise
 
 					return scaledDataUrl
 				}
 			}
+
+			return null
 		} catch (error) {
 			console.debug('Icon processing failed:', error)
 			return null
 		}
-
-		return null
 	},
 	enabled: computed(() => !!props.server_id && props.status === 'available'),
 })
 
-const isConfiguring = computed(() => props.flows?.intro)
+const copied = ref(false)
+
+function navigateToServer(event: MouseEvent | KeyboardEvent) {
+	if (isDisabled.value) return
+
+	const target = event.target
+	if (
+		target instanceof HTMLElement &&
+		target.closest('[data-subdomain-label], [data-server-listing-button]')
+	) {
+		return
+	}
+
+	router.push(`/hosting/manage/${props.server_id}`)
+}
+
+async function copyToClipboard(text: string) {
+	await navigator.clipboard.writeText(text)
+	copied.value = true
+	setTimeout(() => {
+		copied.value = false
+	}, 3000)
+}
 </script>
+
+<style scoped>
+.server-listing-notice {
+	@apply relative flex w-full rounded-b-2xl border-[1px] border-solid p-4 flex-col gap-4 border-surface-4 bg-bg-raised text-primary;
+}
+
+.hoverable:hover:not(:has([data-subdomain-label]:hover, [data-server-listing-button]:hover)) {
+	filter: brightness(1.2);
+}
+
+.pressable:active:not(:has([data-subdomain-label]:active, [data-server-listing-button]:active)) {
+	transform: scale(0.985);
+}
+</style>
diff --git a/packages/ui/src/components/servers/ServerSettingsModal.vue b/packages/ui/src/components/servers/ServerSettingsModal.vue
new file mode 100644
index 000000000..a72001c73
--- /dev/null
+++ b/packages/ui/src/components/servers/ServerSettingsModal.vue
@@ -0,0 +1,232 @@
+<script setup lang="ts">
+import type { Archon } from '@modrinth/api-client'
+import { ChevronRightIcon } from '@modrinth/assets'
+import { useQueryClient } from '@tanstack/vue-query'
+import { computed, nextTick, ref } from 'vue'
+
+import type { TabbedModalTab } from '#ui/components'
+import { TabbedModal } from '#ui/components'
+import { defineMessage, defineMessages, useVIntl } from '#ui/composables/i18n'
+import {
+	ServerSettingsAdvancedPage,
+	ServerSettingsGeneralPage,
+	ServerSettingsInstallationPage,
+	ServerSettingsNetworkPage,
+	ServerSettingsPropertiesPage,
+	serverSettingsTabDefinitions,
+	type ServerSettingsTabId,
+} from '#ui/layouts/shared/server-settings'
+import { provideServerSettings } from '#ui/layouts/shared/server-settings/providers/server-settings'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+import { commonMessages } from '#ui/utils/common-messages'
+
+type ShowOptions = {
+	serverId: string
+	tabIndex?: number
+	tabId?: ServerSettingsTabId
+}
+
+const props = defineProps<{
+	resolveViewer: () => Promise<{ userId: string | null; userRole: string | null }>
+	browseModpacks?: (args: {
+		serverId: string
+		worldId: string | null
+		from: 'reset-server'
+	}) => void | Promise<void>
+}>()
+
+const { formatMessage } = useVIntl()
+const queryClient = useQueryClient()
+const client = injectModrinthClient()
+const { addNotification } = injectNotificationManager()
+
+const messages = defineMessages({
+	failedToLoadServer: {
+		id: 'app.server-settings.failed-to-load-server',
+		defaultMessage: 'Failed to load server settings',
+	},
+})
+
+const modal = ref<InstanceType<typeof TabbedModal> | null>(null)
+
+const { serverId: currentServerId, worldId, server } = injectModrinthServerContext()
+
+const currentUserId = ref<string | null>(null)
+const currentUserRole = ref<string | null>(null)
+
+const isApp = ref(true)
+
+const serverSettingsTabComponentMap = {
+	general: ServerSettingsGeneralPage,
+	installation: ServerSettingsInstallationPage,
+	network: ServerSettingsNetworkPage,
+	properties: ServerSettingsPropertiesPage,
+	advanced: ServerSettingsAdvancedPage,
+} as const
+
+provideServerSettings({
+	isApp,
+	currentUserId,
+	currentUserRole,
+	browseModpacks: props.browseModpacks ?? (() => {}),
+	closeModal: () => hide(),
+})
+
+const ownerId = computed(() => server.value?.owner_id ?? 'Ghost')
+const isOwner = computed(() => currentUserId.value != null && currentUserId.value === ownerId.value)
+const isAdmin = computed(() => currentUserRole.value === 'admin')
+
+const tabs = computed<TabbedModalTab[]>(() =>
+	serverSettingsTabDefinitions.map((tab) => {
+		const ctx = {
+			serverId: currentServerId,
+			ownerId: ownerId.value,
+			serverStatus: server.value?.status,
+			isOwner: isOwner.value,
+			isAdmin: isAdmin.value,
+		}
+		const name = defineMessage({
+			id: `server.settings.tabs.${tab.id}`,
+			defaultMessage: tab.label,
+		})
+		const shown = tab.shown ? tab.shown(ctx) : true
+
+		if (tab.external) {
+			return {
+				name,
+				icon: tab.icon,
+				href: tab.href ? `https://modrinth.com${tab.href(ctx)}` : undefined,
+				shown,
+			}
+		}
+
+		return {
+			name,
+			icon: tab.icon,
+			content: serverSettingsTabComponentMap[tab.id as keyof typeof serverSettingsTabComponentMap],
+			shown,
+		}
+	}),
+)
+
+async function fetchViewer() {
+	currentUserId.value = null
+	currentUserRole.value = null
+
+	const result = await props.resolveViewer()
+	currentUserId.value = result.userId
+	currentUserRole.value = result.userRole
+}
+
+async function show({ serverId, tabIndex, tabId }: ShowOptions) {
+	try {
+		const targetServerId = currentServerId
+		if (serverId !== targetServerId) {
+			console.warn(
+				`[ServerSettingsModal] Ignoring mismatched serverId "${serverId}" in favor of context "${targetServerId}"`,
+			)
+		}
+
+		const cachedServer = queryClient.getQueryData<Archon.Servers.v0.Server>([
+			'servers',
+			'detail',
+			targetServerId,
+		])
+		const cachedFull = queryClient.getQueryData<Archon.Servers.v1.ServerFull>([
+			'servers',
+			'v1',
+			'detail',
+			targetServerId,
+		])
+
+		modal.value?.show()
+		const visibleTabs = tabs.value.filter((tab) => tab.shown !== false)
+		let requestedTab = tabIndex ?? 0
+		if (tabId) {
+			const defIndex = serverSettingsTabDefinitions.findIndex((d) => d.id === tabId)
+			if (defIndex >= 0) {
+				const visibleIndex = visibleTabs.findIndex(
+					(_, i) => tabs.value.indexOf(visibleTabs[i]) === defIndex,
+				)
+				if (visibleIndex >= 0) requestedTab = visibleIndex
+			}
+		}
+		const clampedTab = Math.min(Math.max(requestedTab, 0), Math.max(visibleTabs.length - 1, 0))
+		nextTick(() => modal.value?.setTab(clampedTab))
+
+		const fetchPromises: Promise<unknown>[] = [fetchViewer()]
+
+		if (!cachedServer) {
+			fetchPromises.push(
+				queryClient.fetchQuery({
+					queryKey: ['servers', 'detail', targetServerId],
+					queryFn: () => client.archon.servers_v0.get(targetServerId),
+				}),
+			)
+		}
+
+		if (!cachedFull) {
+			fetchPromises.push(
+				queryClient.fetchQuery({
+					queryKey: ['servers', 'v1', 'detail', targetServerId],
+					queryFn: () => client.archon.servers_v1.get(targetServerId),
+				}),
+			)
+		}
+
+		await Promise.all(fetchPromises)
+
+		if (worldId.value) {
+			queryClient.prefetchQuery({
+				queryKey: ['servers', 'properties', 'v1', targetServerId, worldId.value],
+				queryFn: () => client.archon.properties_v1.getProperties(targetServerId, worldId.value!),
+			})
+			queryClient.prefetchQuery({
+				queryKey: ['content', 'list', 'v1', targetServerId],
+				queryFn: () =>
+					client.archon.content_v1.getAddons(targetServerId, worldId.value!, {
+						from_modpack: false,
+					}),
+			})
+			queryClient.prefetchQuery({
+				queryKey: ['servers', 'startup', 'v1', targetServerId, worldId.value],
+				queryFn: () => client.archon.options_v1.getStartup(targetServerId, worldId.value!),
+			})
+		}
+	} catch (error) {
+		console.error(error)
+		addNotification({
+			type: 'error',
+			title: formatMessage(messages.failedToLoadServer),
+		})
+	}
+}
+
+function hide() {
+	modal.value?.hide()
+}
+
+defineExpose({ show, hide })
+</script>
+
+<template>
+	<TabbedModal
+		ref="modal"
+		:tabs="tabs"
+		:max-width="'min(980px, calc(95vw - 2rem))'"
+		:width="'min(980px, calc(95vw - 2rem))'"
+	>
+		<template #title>
+			<span class="flex items-center gap-2 text-lg font-semibold text-primary">
+				{{ server.name || 'Server' }} <ChevronRightIcon />
+				<span class="font-extrabold text-contrast">{{
+					formatMessage(commonMessages.settingsLabel)
+				}}</span>
+			</span>
+		</template>
+	</TabbedModal>
+</template>
diff --git a/packages/ui/src/components/servers/ServerSetupModal.vue b/packages/ui/src/components/servers/ServerSetupModal.vue
index af9c11d41..92b1df2e1 100644
--- a/packages/ui/src/components/servers/ServerSetupModal.vue
+++ b/packages/ui/src/components/servers/ServerSetupModal.vue
@@ -16,21 +16,12 @@
 		@browse-modpacks="$emit('browse-modpacks')"
 	/>
 
-	<NewModal
-		ref="uploadModal"
-		:header="formatMessage(messages.uploadingModpackHeader)"
-		:closable="false"
-	>
-		<div class="flex flex-col gap-4 md:w-[400px]">
-			<AppearingProgressBar :max-value="totalBytes" :current-value="uploadedBytes" />
-			<p class="m-0 text-sm text-secondary">{{ formatMessage(messages.uploadWarningText) }}</p>
-		</div>
-	</NewModal>
+	<UploadProgressModal ref="uploadProgressModal" />
 </template>
 
 <script setup lang="ts">
 import type { Archon, ModrinthApiError } from '@modrinth/api-client'
-import { computed, nextTick, ref, useTemplateRef } from 'vue'
+import { computed, useTemplateRef } from 'vue'
 
 import { useDebugLogger } from '#ui/composables/debug-logger'
 
@@ -38,22 +29,13 @@ import { defineMessages, useVIntl } from '../../composables/i18n'
 import { injectModrinthClient } from '../../providers/api-client'
 import { injectModrinthServerContext } from '../../providers/server-context'
 import { injectNotificationManager } from '../../providers/web-notifications'
-import { AppearingProgressBar } from '../base'
 import type { CreationFlowContextValue } from '../flows/creation-flow-modal/creation-flow-context'
 import CreationFlowModal from '../flows/creation-flow-modal/index.vue'
-import { NewModal } from '../modal'
+import { UploadProgressModal } from '../modal'
 
 const { formatMessage } = useVIntl()
 
 const messages = defineMessages({
-	uploadingModpackHeader: {
-		id: 'servers.setup.uploading-modpack.header',
-		defaultMessage: 'Uploading modpack',
-	},
-	uploadWarningText: {
-		id: 'servers.setup.upload-warning',
-		defaultMessage: "Please don't close this page while uploading.",
-	},
 	rateLimitTitle: {
 		id: 'servers.setup.rate-limit.title',
 		defaultMessage: 'Cannot reinstall server',
@@ -117,10 +99,8 @@ const initialLoader = computed(() => {
 const initialGameVersion = computed(() => serverContext.server.value.mc_version ?? undefined)
 
 const creationFlowRef = useTemplateRef<InstanceType<typeof CreationFlowModal>>('creationFlowRef')
-const uploadModal = useTemplateRef<InstanceType<typeof NewModal>>('uploadModal')
-
-const uploadedBytes = ref(0)
-const totalBytes = ref(0)
+const uploadProgressModal =
+	useTemplateRef<InstanceType<typeof UploadProgressModal>>('uploadProgressModal')
 
 async function onFlowComplete(ctx: CreationFlowContextValue) {
 	debug('onFlowComplete:', {
@@ -210,32 +190,15 @@ async function onFlowComplete(ctx: CreationFlowContextValue) {
 }
 
 async function handleMrpackUpload(file: File, properties: Archon.Content.v1.PropertiesFields) {
-	uploadedBytes.value = 0
-	totalBytes.value = file.size
-
 	creationFlowRef.value?.hide()
-	await nextTick()
-	uploadModal.value?.show()
-
-	try {
-		const handle = client.kyros.content_v1.uploadModpackFile(
-			serverContext.worldId.value!,
-			file,
-			properties,
-			{
-				softOverride: false,
-				onProgress: ({ loaded, total }) => {
-					uploadedBytes.value = loaded
-					totalBytes.value = total
-				},
-			},
-		)
-
-		await handle.promise
-		emitReinstall()
-	} finally {
-		uploadModal.value?.hide()
-	}
+	const handle = client.kyros.content_v1.uploadModpackFile(
+		serverContext.worldId.value!,
+		file,
+		properties,
+		{ softOverride: false },
+	)
+	await uploadProgressModal.value!.track(handle)
+	emitReinstall()
 }
 
 function emitReinstall(args?: { loader: string; lVersion: string; mVersion: string | null }) {
diff --git a/packages/ui/src/components/servers/edit-server-icon/EditServerIcon.vue b/packages/ui/src/components/servers/edit-server-icon/EditServerIcon.vue
new file mode 100644
index 000000000..e3f2ab7fe
--- /dev/null
+++ b/packages/ui/src/components/servers/edit-server-icon/EditServerIcon.vue
@@ -0,0 +1,264 @@
+<template>
+	<div class="flex flex-col gap-2.5">
+		<span class="text-lg font-semibold text-contrast">Icon</span>
+		<div class="group relative w-fit">
+			<OverflowMenu
+				v-tooltip="'Edit icon'"
+				class="m-0 cursor-pointer appearance-none border-none bg-transparent p-0 transition-transform group-active:scale-95"
+				:disabled="isIconActionLoading"
+				:options="[
+					{
+						id: 'upload',
+						action: () => triggerFileInput(),
+					},
+					{
+						id: 'sync',
+						action: () => resetIcon(),
+					},
+				]"
+			>
+				<ServerIcon
+					class="size-28 transition-[filter] group-hover:brightness-[0.50]"
+					:class="isIconActionLoading ? 'brightness-[0.50]' : ''"
+					:image="displayIcon"
+				/>
+				<div
+					class="absolute top-0 h-full w-full flex items-center justify-center"
+					:class="isIconActionLoading ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'"
+				>
+					<SpinnerIcon
+						v-if="isIconActionLoading"
+						aria-hidden="true"
+						class="h-10 w-10 animate-spin text-primary"
+					/>
+					<EditIcon v-else aria-hidden="true" class="h-10 w-10 text-primary" />
+				</div>
+				<template #upload> <UploadIcon /> Upload icon </template>
+				<template #sync> <TransferIcon /> Sync icon </template>
+			</OverflowMenu>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { EditIcon, SpinnerIcon, TransferIcon, UploadIcon } from '@modrinth/assets'
+import { useQueryClient } from '@tanstack/vue-query'
+import { computed, ref } from 'vue'
+
+import { OverflowMenu, ServerIcon } from '#ui/components'
+import { useServerImage } from '#ui/composables'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()
+const { serverId, server } = injectModrinthServerContext()
+const queryClient = useQueryClient()
+const isUploadingIcon = ref(false)
+const isSyncingIcon = ref(false)
+const isIconActionLoading = computed(() => isUploadingIcon.value || isSyncingIcon.value)
+
+const {
+	image: displayIcon,
+	refetch: refetchRemoteIcon,
+	setImage,
+	clearImage,
+} = useServerImage(
+	serverId,
+	computed(() => server.value?.upstream ?? null),
+	{
+		includeProjectFallback: false,
+	},
+)
+
+function getStatusCode(error: unknown): number | undefined {
+	const err = error as { statusCode?: number; response?: { status?: number } }
+	return err.statusCode ?? err.response?.status
+}
+
+function isNotFound(error: unknown): boolean {
+	return getStatusCode(error) === 404
+}
+
+const uploadFile = async (e: Event) => {
+	if (isIconActionLoading.value) return
+
+	const file = (e.target as HTMLInputElement).files?.[0]
+	if (!file) {
+		addNotification({
+			type: 'error',
+			title: 'No file selected',
+			text: 'Please select a file to upload.',
+		})
+		return
+	}
+
+	isUploadingIcon.value = true
+
+	try {
+		const scaledFile = await new Promise<File>((resolve, reject) => {
+			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((blob) => {
+					if (blob) {
+						resolve(new File([blob], 'server-icon.png', { type: 'image/png' }))
+					} else {
+						reject(new Error('Canvas toBlob failed'))
+					}
+				}, 'image/png')
+				URL.revokeObjectURL(img.src)
+			}
+			img.onerror = reject
+			img.src = URL.createObjectURL(file)
+		})
+
+		const fsAuth = await client.archon.servers_v0.getFilesystemAuth(serverId)
+
+		try {
+			await client.kyros.files_v0.uploadFileWithAuth(fsAuth, '/server-icon.png', scaledFile).promise
+		} catch (scaledUploadError) {
+			// Node FS may reject create when file already exists. Delete and retry once.
+			try {
+				await client.kyros.files_v0.deleteFileOrFolderWithAuth(fsAuth, '/server-icon.png', false)
+			} catch (deleteError) {
+				if (!isNotFound(deleteError)) {
+					throw scaledUploadError
+				}
+			}
+
+			await client.kyros.files_v0.uploadFileWithAuth(fsAuth, '/server-icon.png', scaledFile).promise
+		}
+
+		// Keep original file in sync when possible, but don't block icon updates on failures here.
+		try {
+			await client.kyros.files_v0.deleteFileOrFolderWithAuth(
+				fsAuth,
+				'/server-icon-original.png',
+				false,
+			)
+		} catch (deleteOriginalError) {
+			if (!isNotFound(deleteOriginalError)) {
+				// best effort
+			}
+		}
+
+		try {
+			await client.kyros.files_v0.uploadFileWithAuth(fsAuth, '/server-icon-original.png', file)
+				.promise
+		} catch (originalUploadError) {
+			if (!isNotFound(originalUploadError)) {
+				// best effort
+			}
+		}
+
+		const canvas = document.createElement('canvas')
+		const ctx = canvas.getContext('2d')
+		const img = new Image()
+		await new Promise<void>((resolve) => {
+			img.onload = () => {
+				canvas.width = 512
+				canvas.height = 512
+				ctx?.drawImage(img, 0, 0, 512, 512)
+				const dataURL = canvas.toDataURL('image/png')
+				setImage(dataURL)
+				queryClient.setQueriesData({ queryKey: ['servers', 'detail', serverId, 'icon'] }, dataURL)
+				resolve()
+				URL.revokeObjectURL(img.src)
+			}
+			img.src = URL.createObjectURL(file)
+		})
+		await refetchRemoteIcon()
+
+		addNotification({
+			type: 'success',
+			title: 'Server icon updated',
+			text: 'Your server icon was successfully changed.',
+		})
+	} catch {
+		addNotification({
+			type: 'error',
+			title: 'Upload failed',
+			text: 'Failed to upload server icon.',
+		})
+	} finally {
+		isUploadingIcon.value = false
+	}
+}
+
+const resetIcon = async () => {
+	if (isIconActionLoading.value) return
+	isSyncingIcon.value = true
+
+	try {
+		const fsAuth = await client.archon.servers_v0.getFilesystemAuth(serverId)
+		const deleteResults = await Promise.allSettled([
+			client.kyros.files_v0.deleteFileOrFolderWithAuth(fsAuth, '/server-icon.png', false),
+			client.kyros.files_v0.deleteFileOrFolderWithAuth(fsAuth, '/server-icon-original.png', false),
+		])
+
+		for (const result of deleteResults) {
+			if (result.status === 'rejected' && !isNotFound(result.reason)) {
+				throw result.reason
+			}
+		}
+
+		// Force default icon state across all useServerImage instances via the shared query cache.
+		// Use `null` (not `undefined`) because TanStack Query v5 treats setQueriesData(undefined)
+		// as a no-op. The `null` sentinel is handled by useServerImage's image computed.
+		clearImage()
+		await queryClient.cancelQueries({ queryKey: ['servers', 'detail', serverId, 'icon'] })
+		queryClient.setQueriesData({ queryKey: ['servers', 'detail', serverId, 'icon'] }, null)
+
+		addNotification({
+			type: 'success',
+			title: 'Server icon reset',
+			text: 'Your server icon was successfully reset.',
+		})
+	} catch {
+		addNotification({
+			type: 'error',
+			title: 'Reset failed',
+			text: 'Failed to reset server icon.',
+		})
+	} finally {
+		isSyncingIcon.value = false
+	}
+}
+
+const triggerFileInput = () => {
+	if (isIconActionLoading.value) return
+
+	const input = document.createElement('input')
+	input.type = 'file'
+	input.id = 'server-icon-field'
+	input.accept = 'image/png,image/jpeg,image/gif,image/webp'
+	const cleanup = () => {
+		input.remove()
+		window.removeEventListener('focus', handleWindowFocus)
+	}
+	const handleWindowFocus = () => {
+		// If picker was cancelled there is no change event; clean up on focus return.
+		setTimeout(() => {
+			if (!input.value) cleanup()
+		}, 0)
+	}
+	input.onchange = async (event) => {
+		try {
+			await uploadFile(event)
+		} finally {
+			cleanup()
+		}
+	}
+	document.body.appendChild(input)
+	window.addEventListener('focus', handleWindowFocus, { once: true })
+	input.click()
+}
+</script>
diff --git a/packages/ui/src/components/servers/icons/ServerIcon.vue b/packages/ui/src/components/servers/icons/ServerIcon.vue
index 58d7cb3a0..1cbaae5ea 100644
--- a/packages/ui/src/components/servers/icons/ServerIcon.vue
+++ b/packages/ui/src/components/servers/icons/ServerIcon.vue
@@ -1,8 +1,8 @@
 <template>
 	<div
-		class="experimental-styles-within flex size-16 shrink-0 overflow-hidden rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
+		class="experimental-styles-within relative flex size-16 shrink-0 overflow-hidden rounded-2xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
 	>
-		<client-only>
+		<template v-if="hasMounted">
 			<img
 				v-if="image"
 				class="h-full w-full select-none object-fill"
@@ -15,14 +15,29 @@
 				alt="Server Icon"
 				:src="MinecraftServerIcon"
 			/>
-		</client-only>
+		</template>
+		<img
+			v-else
+			class="h-full w-full select-none object-fill"
+			alt="Server Icon"
+			:src="MinecraftServerIcon"
+		/>
+		<div v-if="disabled" class="absolute inset-0 bg-surface-1 opacity-50" />
 	</div>
 </template>
 
 <script setup lang="ts">
 import { MinecraftServerIcon } from '@modrinth/assets'
+import { onMounted, ref } from 'vue'
+
+const hasMounted = ref(false)
+
+onMounted(() => {
+	hasMounted.value = true
+})
 
 defineProps<{
 	image: string | undefined
+	disabled?: boolean
 }>()
 </script>
diff --git a/packages/ui/src/components/servers/index.ts b/packages/ui/src/components/servers/index.ts
index 1c434c9e6..0a3228aad 100644
--- a/packages/ui/src/components/servers/index.ts
+++ b/packages/ui/src/components/servers/index.ts
@@ -4,7 +4,10 @@ export * from './icons'
 export { default as InstallingBanner } from './InstallingBanner.vue'
 export * from './labels'
 export * from './marketing'
-export type { PendingChange } from './ServerListing.vue'
-export { default as ServerListing } from './ServerListing.vue'
+export { default as SaveBanner } from './SaveBanner.vue'
+export * from './server-header'
+export { default as ServerListEmpty } from './server-list-empty/ServerListEmpty.vue'
+export { type PendingChange, default as ServerListing } from './ServerListing.vue'
+export { default as ServerSettingsModal } from './ServerSettingsModal.vue'
 export { default as ServerSetupModal } from './ServerSetupModal.vue'
 export { default as ServersPromo } from './ServersPromo.vue'
diff --git a/packages/ui/src/components/servers/labels/Separator.vue b/packages/ui/src/components/servers/labels/Separator.vue
new file mode 100644
index 000000000..f434629a3
--- /dev/null
+++ b/packages/ui/src/components/servers/labels/Separator.vue
@@ -0,0 +1,3 @@
+<template>
+	<div class="experimental-styles-within h-1.5 w-1.5 bg-button-border rounded-full"></div>
+</template>
diff --git a/packages/ui/src/components/servers/labels/ServerGameLabel.vue b/packages/ui/src/components/servers/labels/ServerGameLabel.vue
index 6bbbbdec5..84134a1e5 100644
--- a/packages/ui/src/components/servers/labels/ServerGameLabel.vue
+++ b/packages/ui/src/components/servers/labels/ServerGameLabel.vue
@@ -1,15 +1,13 @@
 <template>
-	<div
-		v-if="game"
-		v-tooltip="'Change server version'"
-		class="min-w-0 flex-none flex-row items-center gap-2 first:!flex"
-	>
-		<GameIcon aria-hidden="true" class="size-5 shrink-0" />
+	<div v-if="game" class="min-w-0 flex-none flex-row items-center gap-1.5 first:!flex">
+		<Separator v-if="!noSeparator" />
+
+		<GameIcon aria-hidden="true" />
 		<AutoLink
 			v-if="isLink"
-			:to="serverId ? `/hosting/manage/${serverId}/options/loader` : ''"
-			class="flex min-w-0 items-center truncate text-sm font-semibold"
-			:class="serverId ? 'hover:underline' : ''"
+			:to="settingsLinkTarget"
+			class="flex min-w-0 items-center truncate text-sm font-medium"
+			:class="settingsLinkTarget ? 'hover:underline' : ''"
 		>
 			<div class="flex flex-row items-center gap-1">
 				{{ game[0].toUpperCase() + game.slice(1) }}
@@ -17,7 +15,11 @@
 				<span v-else class="inline-block h-3 w-12 animate-pulse rounded bg-button-border"></span>
 			</div>
 		</AutoLink>
-		<div v-else class="flex min-w-0 flex-row items-center gap-1 truncate text-sm font-semibold">
+		<div
+			v-else
+			v-tooltip="'Change server version'"
+			class="pointer-events-none flex min-w-0 flex-row items-center gap-1 truncate text-sm font-medium"
+		>
 			{{ game[0].toUpperCase() + game.slice(1) }}
 			<span v-if="mcVersion">{{ mcVersion }}</span>
 			<span v-else class="inline-block h-3 w-16 animate-pulse rounded bg-button-border"></span>
@@ -27,16 +29,25 @@
 
 <script setup lang="ts">
 import { GameIcon } from '@modrinth/assets'
-import { useRoute } from 'vue-router'
+import { computed } from 'vue'
+
+import { injectServerSettingsModal } from '#ui/providers/server-settings-modal'
 
 import AutoLink from '../../base/AutoLink.vue'
+import Separator from './Separator.vue'
 
 defineProps<{
 	game: string
 	mcVersion: string
 	isLink?: boolean
+	noSeparator?: boolean
 }>()
 
-const route = useRoute()
-const serverId = route.params.id as string
+const settingsModal = injectServerSettingsModal(null)
+const settingsLinkTarget = computed(() => {
+	if (settingsModal) {
+		return () => settingsModal.openServerSettings({ tabId: 'installation' })
+	}
+	return ''
+})
 </script>
diff --git a/packages/ui/src/components/servers/labels/ServerInfoLabels.vue b/packages/ui/src/components/servers/labels/ServerInfoLabels.vue
index aaf5e0013..2cd6df75e 100644
--- a/packages/ui/src/components/servers/labels/ServerInfoLabels.vue
+++ b/packages/ui/src/components/servers/labels/ServerInfoLabels.vue
@@ -1,21 +1,30 @@
 <template>
 	<div>
+		<ServerPlayerCount
+			v-if="showPlayerCount"
+			:current-players="serverData.players.current"
+			:max-players="serverData.players.max"
+			:online="serverData.online"
+		/>
 		<ServerGameLabel
 			v-if="showGameLabel"
 			:game="serverData.game"
 			:mc-version="serverData.mc_version ?? ''"
+			:no-separator="column || !showPlayerCount"
 			:is-link="linked"
 		/>
 		<ServerLoaderLabel
+			v-if="showLoaderLabel"
 			:loader="serverData.loader"
 			:loader-version="serverData.loader_version ?? ''"
-			:no-separator="column"
+			:no-separator="column || !showGameLabel"
 			:is-link="linked"
 		/>
 		<ServerSubdomainLabel
 			v-if="serverData.net?.domain"
 			:subdomain="serverData.net.domain"
-			:no-separator="column"
+			:server-id="serverId"
+			:no-separator="column || (!showLoaderLabel && !showGameLabel)"
 			:is-link="linked"
 		/>
 		<ServerUptimeLabel
@@ -29,14 +38,17 @@
 <script setup lang="ts">
 import ServerGameLabel from './ServerGameLabel.vue'
 import ServerLoaderLabel from './ServerLoaderLabel.vue'
+import ServerPlayerCount from './ServerPlayerCount.vue'
 import ServerSubdomainLabel from './ServerSubdomainLabel.vue'
 import ServerUptimeLabel from './ServerUptimeLabel.vue'
 
 interface ServerInfoLabelsProps {
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	serverData: Record<string, any>
+	serverId?: string
 	showGameLabel: boolean
 	showLoaderLabel: boolean
+	showPlayerCount?: boolean
 	uptimeSeconds?: number
 	column?: boolean
 	linked?: boolean
diff --git a/packages/ui/src/components/servers/labels/ServerLoaderLabel.vue b/packages/ui/src/components/servers/labels/ServerLoaderLabel.vue
index c5136acd8..d3e5ee06e 100644
--- a/packages/ui/src/components/servers/labels/ServerLoaderLabel.vue
+++ b/packages/ui/src/components/servers/labels/ServerLoaderLabel.vue
@@ -1,14 +1,15 @@
 <template>
-	<div v-tooltip="'Change server loader'" class="flex min-w-0 flex-row items-center gap-2 truncate">
-		<div v-if="!noSeparator" class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
-		<div class="flex flex-row items-center gap-2">
-			<LoaderIcon v-if="loader" :loader="loader" class="flex shrink-0 [&&]:size-5" />
+	<div class="flex min-w-0 flex-row items-center gap-2 truncate">
+		<Separator v-if="!noSeparator" />
+		<div class="flex flex-row items-center gap-1.5">
+			<LoaderIcon v-if="loader" :loader="loader" />
 			<div v-else class="size-5 shrink-0 animate-pulse rounded-full bg-button-border"></div>
 			<AutoLink
 				v-if="isLink"
-				:to="serverId ? `/hosting/manage/${serverId}/options/loader` : ''"
-				class="flex min-w-0 items-center text-sm font-semibold"
-				:class="serverId ? 'hover:underline' : ''"
+				v-tooltip="'Change server loader'"
+				:to="settingsLinkTarget"
+				class="flex min-w-0 items-center font-medium text-sm"
+				:class="settingsLinkTarget ? 'hover:underline' : ''"
 			>
 				<span v-if="loader">
 					{{ loader }}
@@ -19,7 +20,7 @@
 					<span class="inline-block h-4 w-12 animate-pulse rounded bg-button-border"></span>
 				</span>
 			</AutoLink>
-			<div v-else class="min-w-0 text-sm font-semibold">
+			<div v-else class="pointer-events-none min-w-0 font-medium text-sm">
 				<span v-if="loader">
 					{{ loader }}
 					<span v-if="loaderVersion">{{ loaderVersion }}</span>
@@ -34,10 +35,13 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { computed } from 'vue'
+
+import { injectServerSettingsModal } from '#ui/providers/server-settings-modal'
 
 import AutoLink from '../../base/AutoLink.vue'
 import LoaderIcon from '../icons/LoaderIcon.vue'
+import Separator from './Separator.vue'
 
 defineProps<{
 	noSeparator?: boolean
@@ -46,6 +50,11 @@ defineProps<{
 	isLink?: boolean
 }>()
 
-const route = useRoute()
-const serverId = route.params.id as string
+const settingsModal = injectServerSettingsModal(null)
+const settingsLinkTarget = computed(() => {
+	if (settingsModal) {
+		return () => settingsModal.openServerSettings({ tabId: 'installation' })
+	}
+	return ''
+})
 </script>
diff --git a/packages/ui/src/components/servers/labels/ServerPlayerCount.vue b/packages/ui/src/components/servers/labels/ServerPlayerCount.vue
new file mode 100644
index 000000000..2ca184e3a
--- /dev/null
+++ b/packages/ui/src/components/servers/labels/ServerPlayerCount.vue
@@ -0,0 +1,17 @@
+<template>
+	<div class="flex gap-1 text-sm font-medium">
+		<!-- indicator icon -->
+
+		{{ currentPlayers }} / {{ maxPlayers }} Players
+	</div>
+</template>
+
+<script setup lang="ts">
+interface ServerPlayerCountProps {
+	currentPlayers: number
+	maxPlayers: number
+	online: boolean
+}
+
+defineProps<ServerPlayerCountProps>()
+</script>
diff --git a/packages/ui/src/components/servers/labels/ServerSubdomainLabel.vue b/packages/ui/src/components/servers/labels/ServerSubdomainLabel.vue
index 61afa973b..7381e0204 100644
--- a/packages/ui/src/components/servers/labels/ServerSubdomainLabel.vue
+++ b/packages/ui/src/components/servers/labels/ServerSubdomainLabel.vue
@@ -2,14 +2,17 @@
 	<div
 		v-if="subdomain && !isHidden"
 		v-tooltip="'Copy custom URL'"
-		class="flex min-w-0 flex-row items-center gap-2 truncate hover:cursor-pointer"
+		class="flex min-w-0 flex-row items-center gap-2 truncate hover:cursor-pointer hover:underline"
+		data-subdomain-label
+		@click.stop.prevent
 	>
-		<div v-if="!noSeparator" class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
-		<div class="flex flex-row items-center gap-2">
-			<LinkIcon class="flex size-5 shrink-0" />
+		<Separator v-if="!noSeparator" />
+
+		<div class="flex flex-row items-center gap-1.5">
+			<LinkIcon />
 			<div
-				class="flex min-w-0 text-sm font-semibold"
-				:class="serverId ? 'hover:underline' : ''"
+				class="flex min-w-0 font-medium text-sm text-nowrap"
+				:class="props.subdomain ? 'hover:underline' : ''"
 				@click="copySubdomain"
 			>
 				{{ subdomain }}.modrinth.gg
@@ -25,10 +28,13 @@ import { useStorage } from '@vueuse/core'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 
+import Separator from './Separator.vue'
+
 const { addNotification } = injectNotificationManager()
 
 const props = defineProps<{
 	subdomain: string
+	serverId?: string
 	noSeparator?: boolean
 }>()
 
@@ -42,9 +48,9 @@ const copySubdomain = () => {
 }
 
 const route = useRoute()
-const serverId = computed(() => route.params.id as string)
+const serverId = props.serverId || (route.params.id as string)
 
-const userPreferences = useStorage(`pyro-server-${serverId.value}-preferences`, {
+const userPreferences = useStorage(`pyro-server-${serverId}-preferences`, {
 	hideSubdomainLabel: false,
 })
 
diff --git a/packages/ui/src/components/servers/labels/ServerUptimeLabel.vue b/packages/ui/src/components/servers/labels/ServerUptimeLabel.vue
index d3a660b02..199addfb8 100644
--- a/packages/ui/src/components/servers/labels/ServerUptimeLabel.vue
+++ b/packages/ui/src/components/servers/labels/ServerUptimeLabel.vue
@@ -5,11 +5,10 @@
 		class="server-action-buttons-anim flex min-w-0 flex-row items-center gap-2"
 		data-pyro-uptime
 	>
-		<div v-if="!noSeparator" class="w-1.5 h-1.5 rounded-full bg-surface-5"></div>
+		<Separator v-if="!noSeparator" />
 
-		<div class="flex gap-2">
-			<TimerIcon class="flex size-5 shrink-0" />
-			<time class="truncate text-sm font-semibold" :aria-label="verboseUptime">
+		<div class="flex gap-1.5">
+			<time class="truncate text-sm font-medium" :aria-label="verboseUptime">
 				{{ formattedUptime }}
 			</time>
 		</div>
@@ -17,9 +16,10 @@
 </template>
 
 <script setup lang="ts">
-import { TimerIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
+import Separator from './Separator.vue'
+
 const props = defineProps<{
 	uptimeSeconds: number
 	noSeparator?: boolean
diff --git a/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue b/packages/ui/src/components/servers/marketing/MedalServerCountdown.vue
similarity index 80%
rename from apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue
rename to packages/ui/src/components/servers/marketing/MedalServerCountdown.vue
index 906a7a3d9..e219c20ea 100644
--- a/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue
+++ b/packages/ui/src/components/servers/marketing/MedalServerCountdown.vue
@@ -34,18 +34,27 @@
 			<button class="z-10 my-auto" @click="openUpgradeModal"><RocketIcon /> Upgrade</button>
 		</ButtonStyled>
 	</div>
-	<ServersUpgradeModalWrapper ref="upgradeModal" />
+	<ServersUpgradeModalWrapper
+		ref="upgradeModal"
+		:stripe-publishable-key="props.stripePublishableKey ?? ''"
+		:site-url="props.siteUrl ?? ''"
+		:products="props.products ?? []"
+	/>
 </template>
 
 <script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
 import { ClockIcon, RocketIcon } from '@modrinth/assets'
-import { ButtonStyled, MedalBackgroundImage } from '@modrinth/ui'
-import type { UserSubscription } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 import dayjsDuration from 'dayjs/plugin/duration'
-import type { ComponentPublicInstance } from 'vue'
+import { type ComponentPublicInstance, computed, onMounted, onUnmounted, ref } from 'vue'
 
-import ServersUpgradeModalWrapper from '../ServersUpgradeModalWrapper.vue'
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import ServersUpgradeModalWrapper from '#ui/components/billing/ServersUpgradeModalWrapper.vue'
+import { injectModrinthClient } from '#ui/providers'
+
+import MedalBackgroundImage from './MedalBackgroundImage.vue'
 
 dayjs.extend(dayjsDuration)
 
@@ -54,15 +63,16 @@ const upgradeModal = ref<UpgradeWrapperRef | null>(null)
 
 const props = defineProps<{
 	serverId?: string
+	stripePublishableKey?: string
+	siteUrl?: string
+	products?: Labrinth.Billing.Internal.Product[]
 }>()
 
-const { data: subscriptions } = await useLazyAsyncData(
-	'countdown-subscriptions',
-	() =>
-		useBaseFetch(`billing/subscriptions`, {
-			internal: true,
-		}) as Promise<UserSubscription[]>,
-)
+const client = injectModrinthClient()
+const { data: subscriptions } = useQuery({
+	queryKey: ['billing', 'subscriptions'],
+	queryFn: () => client.labrinth.billing_internal.getSubscriptions(),
+})
 
 const expiryDate = computed(() => {
 	for (const subscription of subscriptions.value || []) {
diff --git a/packages/ui/src/components/servers/marketing/MedalServerListing.vue b/packages/ui/src/components/servers/marketing/MedalServerListing.vue
index dbcbea4f2..d569f35f7 100644
--- a/packages/ui/src/components/servers/marketing/MedalServerListing.vue
+++ b/packages/ui/src/components/servers/marketing/MedalServerListing.vue
@@ -1,127 +1,143 @@
 <template>
-	<div class="rounded-2xl shadow-xl">
+	<div
+		class="transition-all"
+		:class="{
+			pressable: !isDisabled,
+			hoverable: !isDisabled,
+			'cursor-pointer': !isDisabled,
+		}"
+		:role="!isDisabled ? 'link' : undefined"
+		:tabindex="!isDisabled ? 0 : undefined"
+		@click="navigateToServer"
+		@keydown.enter.self="navigateToServer"
+		@keydown.space.prevent.self="navigateToServer"
+	>
 		<div
-			class="medal-promotion flex flex-row items-center overflow-x-hidden rounded-t-2xl p-4 transition-transform duration-100"
-			:class="status === 'suspended' ? 'rounded-b-none border-b-0 opacity-75' : 'rounded-b-2xl'"
+			class="medal-promotion flex flex-row items-center overflow-x-hidden rounded-2xl p-4 transition-all duration-150"
+			:class="{
+				'!rounded-b-none border-b-0': hasNotice,
+				'!bg-surface-2': isDisabled,
+			}"
 			data-pyro-server-listing
 			:data-pyro-server-listing-id="server_id"
 		>
 			<MedalBackgroundImage />
-			<AutoLink
-				:to="status === 'suspended' ? '' : `/hosting/manage/${props.server_id}`"
-				class="z-10 flex flex-grow flex-row items-center overflow-x-hidden"
-				:class="status !== 'suspended' && 'active:scale-95'"
+			<div
+				v-if="isDisabled"
+				class="relative z-10 flex size-16 items-center justify-center rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
 			>
-				<Avatar
-					v-if="status !== 'suspended'"
-					src="https://cdn-raw.modrinth.com/medal_icon.webp"
-					size="64px"
-					class="z-10"
+				<Avatar src="https://cdn-raw.modrinth.com/medal_icon.webp" size="64px" class="opacity-50" />
+				<SpinnerIcon
+					v-if="isUpgrading"
+					class="size-8 animate-spin absolute text-contrast"
+					:class="{ 'opacity-50': isDisabled }"
 				/>
+				<LockIcon v-else class="size-8 absolute" :class="{ 'opacity-50': isDisabled }" />
+			</div>
+			<Avatar v-else src="https://cdn-raw.modrinth.com/medal_icon.webp" size="64px" class="z-10" />
+			<div class="z-10 ml-4 flex min-w-0 flex-col gap-1.5">
+				<div class="flex flex-row items-center gap-2">
+					<h2
+						class="m-0 truncate text-xl font-bold text-contrast"
+						:class="{ 'opacity-50': isDisabled }"
+					>
+						{{ name }}
+					</h2>
+
+					<span class="truncate" :class="{ 'opacity-50': isDisabled }">
+						<IntlFormatted
+							:message-id="messages.countdownRemaining"
+							:values="{
+								days: timeLeftCountdown.days,
+								hours: timeLeftCountdown.hours,
+								minutes: timeLeftCountdown.minutes,
+								seconds: timeLeftCountdown.seconds,
+							}"
+						>
+							<template #days-count="{ children }">
+								<span class="text-medal-orange"><component :is="() => children" /></span>
+							</template>
+							<template #hours-count="{ children }">
+								<span class="text-medal-orange"><component :is="() => children" /></span>
+							</template>
+							<template #minutes-count="{ children }">
+								<span class="text-medal-orange"><component :is="() => children" /></span>
+							</template>
+							<template #seconds-count="{ children }">
+								<span class="text-medal-orange"><component :is="() => children" /></span>
+							</template>
+						</IntlFormatted>
+					</span>
+				</div>
+
 				<div
-					v-else
-					class="bg-bg-secondary z-10 flex size-16 shrink-0 items-center justify-center rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
+					v-if="projectData?.title"
+					class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
+					:class="{ 'opacity-50': isDisabled }"
 				>
-					<LockIcon class="size-12 text-secondary" />
-				</div>
-
-				<div class="z-10 ml-4 flex min-w-0 flex-col gap-2.5">
-					<div class="flex flex-row items-center gap-2">
-						<h2 class="m-0 truncate text-xl font-bold text-contrast">{{ name }}</h2>
-						<ChevronRightIcon />
-
-						<span class="truncate">
-							<span class="text-medal-orange">
-								{{ timeLeftCountdown.days }}
-							</span>
-							days
-							<span class="text-medal-orange">
-								{{ timeLeftCountdown.hours }}
-							</span>
-							hours
-							<span class="text-medal-orange">
-								{{ timeLeftCountdown.minutes }}
-							</span>
-							minutes
-							<span class="text-medal-orange">
-								{{ timeLeftCountdown.seconds }}
-							</span>
-							seconds remaining...
-						</span>
-					</div>
-
-					<div
-						v-if="projectData?.title"
-						class="m-0 flex flex-row items-center gap-2 text-sm font-medium text-secondary"
-					>
-						<Avatar
-							:src="iconUrl"
-							no-shadow
-							style="min-height: 20px; min-width: 20px; height: 20px; width: 20px"
-							alt="Server Icon"
-						/>
-						Using {{ projectData?.title || 'Unknown' }}
-					</div>
-
-					<div
-						v-if="isConfiguring"
-						class="text-medal-orange flex min-w-0 items-center gap-2 truncate text-sm font-semibold"
-					>
-						<SparklesIcon class="size-5 shrink-0" /> New server
-					</div>
-					<ServerInfoLabels
-						v-else
-						:server-data="{ game, mc_version, loader, loader_version, net }"
-						:show-game-label="showGameLabel"
-						:show-loader-label="showLoaderLabel"
-						:linked="false"
-						class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-secondary *:hidden sm:flex-row sm:*:flex"
+					<Avatar
+						:src="iconUrl"
+						no-shadow
+						style="min-height: 20px; min-width: 20px; height: 20px; width: 20px"
+						:alt="formatMessage(messages.serverIconAlt)"
 					/>
+					{{ formatMessage(messages.usingProjectLabel, { projectTitle: projectData?.title }) }}
 				</div>
-			</AutoLink>
 
-			<div v-if="isNuxt" class="z-10 ml-auto">
+				<div
+					v-if="isConfiguring"
+					class="flex min-w-0 items-center gap-2 truncate text-sm font-medium text-blue h-[28px] w-max"
+				>
+					<SparklesIcon class="size-5 shrink-0 font-semibold" />
+					{{ formatMessage(messages.newServerLabel) }}
+				</div>
+				<ServerInfoLabels
+					v-else
+					:server-data="{ game, mc_version, loader, loader_version, net }"
+					:server-id="server_id"
+					:show-game-label="showGameLabel"
+					:show-loader-label="showLoaderLabel"
+					:linked="false"
+					:class="{ 'opacity-50': isDisabled }"
+					class="flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex"
+				/>
+			</div>
+
+			<div class="z-10 ml-auto">
 				<ButtonStyled color="medal-promo" type="outlined" size="large">
-					<button class="my-auto" @click="handleUpgrade"><RocketIcon /> Upgrade</button>
+					<button class="my-auto" data-server-listing-button @click="handleUpgrade">
+						<RocketIcon /> {{ formatMessage(messages.upgradeButton) }}
+					</button>
 				</ButtonStyled>
 			</div>
 		</div>
 
 		<div
 			v-if="status === 'suspended' && suspension_reason === 'upgrading'"
-			class="relative flex w-full flex-row items-center gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-blue bg-bg-blue p-4 text-sm font-bold text-contrast"
+			class="server-listing-notice"
 		>
-			<LoaderCircleIcon class="size-5 animate-spin" />
-			Your server's hardware is currently being upgraded and will be back online shortly.
+			<div class="flex gap-2">
+				{{ formatMessage(messages.upgradingNotice) }}
+			</div>
 		</div>
 		<div
 			v-else-if="status === 'suspended' && suspension_reason === 'cancelled'"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
+			class="server-listing-notice"
 		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your Medal server trial has ended and your server has
-				been suspended. Please upgrade to continue to use your server.
-			</div>
+			<div>{{ formatMessage(messages.medalTrialEndedNotice) }}</div>
 		</div>
-		<div
-			v-else-if="status === 'suspended' && suspension_reason"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
-		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your server has been suspended:
-				{{ suspension_reason }}. Please update your billing information or contact Modrinth Support
-				for more information.
+		<div v-else-if="status === 'suspended' && suspension_reason" class="server-listing-notice">
+			<div>
+				{{
+					formatMessage(messages.suspendedWithReasonNotice, {
+						reason: suspension_reason,
+					})
+				}}
 			</div>
 			<CopyCode :text="`${props.server_id}`" class="ml-auto" />
 		</div>
-		<div
-			v-else-if="status === 'suspended'"
-			class="relative flex w-full flex-col gap-2 rounded-b-2xl border-[1px] border-t-0 border-solid border-bg-red bg-bg-red p-4 text-sm font-bold text-contrast"
-		>
-			<div class="flex flex-row gap-2">
-				<TriangleAlertIcon class="!size-5" /> Your server has been suspended. Please update your
-				billing information or contact Modrinth Support for more information.
-			</div>
+		<div v-else-if="status === 'suspended'" class="server-listing-notice">
+			<div>{{ formatMessage(messages.suspendedNotice) }}</div>
 			<CopyCode :text="`${props.server_id}`" class="ml-auto" />
 		</div>
 	</div>
@@ -129,25 +145,19 @@
 
 <script setup lang="ts">
 import type { Archon } from '@modrinth/api-client'
-import { NuxtModrinthClient } from '@modrinth/api-client'
-import {
-	ChevronRightIcon,
-	LoaderCircleIcon,
-	LockIcon,
-	RocketIcon,
-	SparklesIcon,
-	TriangleAlertIcon,
-} from '@modrinth/assets'
+import { LockIcon, RocketIcon, SparklesIcon, SpinnerIcon } from '@modrinth/assets'
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 import dayjsDuration from 'dayjs/plugin/duration'
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 
+import { defineMessages, useVIntl } from '../../../composables/i18n'
 import { injectModrinthClient } from '../../../providers/api-client'
-import AutoLink from '../../base/AutoLink.vue'
 import Avatar from '../../base/Avatar.vue'
 import ButtonStyled from '../../base/ButtonStyled.vue'
 import CopyCode from '../../base/CopyCode.vue'
+import IntlFormatted from '../../base/IntlFormatted.vue'
 import ServerInfoLabels from '../labels/ServerInfoLabels.vue'
 import MedalBackgroundImage from './MedalBackgroundImage.vue'
 
@@ -171,13 +181,21 @@ type MedalServerListingProps = {
 const props = defineProps<MedalServerListingProps>()
 
 const emit = defineEmits<{ (e: 'upgrade'): void }>()
+const { formatMessage } = useVIntl()
 
 const client = injectModrinthClient()
+const router = useRouter()
 
-const isNuxt = computed(() => client instanceof NuxtModrinthClient)
+// const isNuxt = computed(() => client instanceof NuxtModrinthClient)
 
 const showGameLabel = computed(() => !!props.game)
 const showLoaderLabel = computed(() => !!props.loader)
+const isConfiguring = computed(() => props.flows?.intro)
+const isUpgrading = computed(
+	() => props.status === 'suspended' && props.suspension_reason === 'upgrading',
+)
+const isDisabled = computed(() => props.status === 'suspended')
+const hasNotice = computed(() => props.status === 'suspended')
 
 const { data: projectData } = useQuery({
 	queryKey: ['server-project', props.server_id, props.upstream?.project_id],
@@ -189,7 +207,50 @@ const { data: projectData } = useQuery({
 })
 
 const iconUrl = computed(() => projectData.value?.icon_url || undefined)
-const isConfiguring = computed(() => props.flows?.intro)
+
+const messages = defineMessages({
+	countdownRemaining: {
+		id: 'servers.medal-listing.countdown.remaining',
+		defaultMessage:
+			'<days-count>{days}</days-count> {days, plural, one {day} other {days}} <hours-count>{hours}</hours-count> {hours, plural, one {hour} other {hours}} <minutes-count>{minutes}</minutes-count> {minutes, plural, one {minute} other {minutes}} <seconds-count>{seconds}</seconds-count> {seconds, plural, one {second} other {seconds}} remaining...',
+	},
+	serverIconAlt: {
+		id: 'servers.medal-listing.server-icon-alt',
+		defaultMessage: 'Server icon',
+	},
+	usingProjectLabel: {
+		id: 'servers.medal-listing.using-project-label',
+		defaultMessage: 'Using {projectTitle}',
+	},
+	newServerLabel: {
+		id: 'servers.medal-listing.new-server-label',
+		defaultMessage: 'New server',
+	},
+	upgradeButton: {
+		id: 'servers.medal-listing.upgrade-button',
+		defaultMessage: 'Upgrade',
+	},
+	upgradingNotice: {
+		id: 'servers.medal-listing.notice.upgrading',
+		defaultMessage:
+			"Your server's hardware is currently being upgraded and will be back online shortly.",
+	},
+	medalTrialEndedNotice: {
+		id: 'servers.medal-listing.notice.medal-trial-ended',
+		defaultMessage:
+			'Your Medal server trial has ended and your server has been suspended. Please upgrade to continue using your server.',
+	},
+	suspendedWithReasonNotice: {
+		id: 'servers.medal-listing.notice.suspended-with-reason',
+		defaultMessage:
+			'Your server has been suspended: {reason}. Please update your billing information or contact Modrinth Support for more information.',
+	},
+	suspendedNotice: {
+		id: 'servers.medal-listing.notice.suspended',
+		defaultMessage:
+			'Your server has been suspended. Please update your billing information or contact Modrinth Support for more information.',
+	},
+})
 
 const timeLeftCountdown = ref({ days: 0, hours: 0, minutes: 0, seconds: 0 })
 const expiryDate = computed(() => (props.medal_expires ? dayjs(props.medal_expires) : null))
@@ -199,6 +260,20 @@ function handleUpgrade(event: Event) {
 	emit('upgrade')
 }
 
+function navigateToServer(event: MouseEvent | KeyboardEvent) {
+	if (isDisabled.value) return
+
+	const target = event.target
+	if (
+		target instanceof HTMLElement &&
+		target.closest('[data-subdomain-label], [data-server-listing-button]')
+	) {
+		return
+	}
+
+	router.push(`/hosting/manage/${props.server_id}`)
+}
+
 function updateCountdown() {
 	if (!expiryDate.value) {
 		timeLeftCountdown.value = { days: 0, hours: 0, minutes: 0, seconds: 0 }
@@ -250,4 +325,17 @@ onUnmounted(() => {
 .border-medal-orange {
 	border-color: var(--medal-promotion-bg-orange);
 }
+
+.server-listing-notice {
+	@apply relative flex w-full rounded-b-2xl border-[1px] border-t-0 border-solid p-4 flex-col gap-4 border-surface-4 bg-bg-raised text-primary;
+}
+
+.hoverable:hover:not(:has([data-subdomain-label]:hover, [data-server-listing-button]:hover))
+	.medal-promotion {
+	filter: brightness(1.05) saturate(1.1);
+}
+
+.pressable:active:not(:has([data-subdomain-label]:active, [data-server-listing-button]:active)) {
+	transform: scale(0.985);
+}
 </style>
diff --git a/packages/ui/src/components/servers/marketing/index.ts b/packages/ui/src/components/servers/marketing/index.ts
index 58f353604..dd2c8ca3b 100644
--- a/packages/ui/src/components/servers/marketing/index.ts
+++ b/packages/ui/src/components/servers/marketing/index.ts
@@ -1,2 +1,3 @@
 export { default as MedalBackgroundImage } from './MedalBackgroundImage.vue'
+export { default as MedalServerCountdown } from './MedalServerCountdown.vue'
 export { default as MedalServerListing } from './MedalServerListing.vue'
diff --git a/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue b/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
new file mode 100644
index 000000000..12a459d92
--- /dev/null
+++ b/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
@@ -0,0 +1,64 @@
+<template>
+	<div class="contents">
+		<div class="flex flex-row items-center gap-2 rounded-lg">
+			<ButtonStyled v-if="isInstalling" type="standard" color="brand" size="large">
+				<button disabled class="flex-shrink-0">
+					<LoaderCircleIcon class="size-5 animate-spin" /> Installing...
+				</button>
+			</ButtonStyled>
+
+			<template v-else>
+				<ButtonStyled v-if="showStopButton" type="transparent" size="large">
+					<button
+						v-tooltip="busyTooltip"
+						:disabled="!canTakeAction"
+						@click="initiateAction('Stop')"
+					>
+						<div class="flex gap-1">
+							<StopCircleIcon class="h-5 w-5" />
+							<span>Stop</span>
+						</div>
+					</button>
+				</ButtonStyled>
+
+				<ButtonStyled type="standard" color="brand" size="large">
+					<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
+						<component :is="isRunning || showStopButton ? UpdatedIcon : PlayIcon" />
+						<span>{{ primaryActionText }}</span>
+					</button>
+				</ButtonStyled>
+			</template>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { LoaderCircleIcon, PlayIcon, StopCircleIcon, UpdatedIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+
+import { ButtonStyled } from '#ui/components'
+
+import { useServerPowerAction } from './use-server-power-action'
+
+const props = withDefaults(
+	defineProps<{
+		disabled?: boolean
+	}>(),
+	{
+		disabled: false,
+	},
+)
+
+const {
+	isInstalling,
+	isRunning,
+	showStopButton,
+	busyTooltip,
+	canTakeAction,
+	primaryActionText,
+	initiateAction,
+	handlePrimaryAction,
+} = useServerPowerAction({
+	disabled: computed(() => props.disabled),
+})
+</script>
diff --git a/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue b/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
new file mode 100644
index 000000000..66ce04db1
--- /dev/null
+++ b/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
@@ -0,0 +1,85 @@
+<template>
+	<div class="contents">
+		<ButtonStyled circular type="transparent" size="large">
+			<TeleportOverflowMenu :options="menuOptions">
+				<MoreVerticalIcon aria-hidden="true" />
+				<template #kill>
+					<SlashIcon class="h-5 w-5" />
+					<span>Kill server</span>
+				</template>
+				<template #allServers>
+					<ServerIcon class="h-5 w-5" />
+					<span>All servers</span>
+				</template>
+				<template #copy-id>
+					<ClipboardCopyIcon class="h-5 w-5" aria-hidden="true" />
+					<span>Copy ID</span>
+				</template>
+			</TeleportOverflowMenu>
+		</ButtonStyled>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { ClipboardCopyIcon, MoreVerticalIcon, ServerIcon, SlashIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+
+import { ButtonStyled } from '#ui/components'
+import TeleportOverflowMenu from '#ui/components/base/TeleportOverflowMenu.vue'
+import { injectModrinthServerContext } from '#ui/providers'
+
+import { useServerPowerAction } from './use-server-power-action'
+
+const props = withDefaults(
+	defineProps<{
+		disabled?: boolean
+		showCopyIdAction?: boolean
+		showDebugInfo?: boolean
+		uptimeSeconds?: number
+	}>(),
+	{
+		disabled: false,
+		showCopyIdAction: false,
+		showDebugInfo: false,
+		uptimeSeconds: 0,
+	},
+)
+
+const router = useRouter()
+const { serverId } = injectModrinthServerContext()
+
+const { isInstalling, initiateAction } = useServerPowerAction({
+	disabled: computed(() => props.disabled),
+})
+
+const menuOptions = computed(() => [
+	...(isInstalling.value
+		? []
+		: [
+				{
+					id: 'kill',
+					label: 'Kill server',
+					icon: SlashIcon,
+					action: () => initiateAction('Kill'),
+				},
+			]),
+	{
+		id: 'allServers',
+		label: 'All servers',
+		icon: ServerIcon,
+		action: () => router.push('/hosting/manage'),
+	},
+	{
+		id: 'copy-id',
+		label: 'Copy ID',
+		icon: ClipboardCopyIcon,
+		action: () => copyId(),
+		shown: props.showCopyIdAction,
+	},
+])
+
+async function copyId() {
+	await navigator.clipboard.writeText(serverId)
+}
+</script>
diff --git a/packages/ui/src/components/servers/server-header/ServerManageHeader.vue b/packages/ui/src/components/servers/server-header/ServerManageHeader.vue
new file mode 100644
index 000000000..391546aec
--- /dev/null
+++ b/packages/ui/src/components/servers/server-header/ServerManageHeader.vue
@@ -0,0 +1,179 @@
+<template>
+	<div class="w-full flex flex-col gap-4" :class="{ 'mt-4': isNuxt }">
+		<ContentPageHeader :class="props.headerClass">
+			<template #icon>
+				<ServerIcon
+					:image="headerImage"
+					:class="isNuxt ? 'size-20 !rounded-2xl' : 'size-16 !rounded-xl'"
+				/>
+			</template>
+			<template #title>
+				{{ props.server?.name || 'Server' }}
+			</template>
+			<template #stats>
+				<div
+					v-if="props.server?.flows?.intro"
+					class="flex items-center gap-2 font-semibold text-secondary"
+				>
+					<SettingsIcon />
+					Configuring server...
+				</div>
+				<div v-else class="flex flex-wrap items-center gap-2">
+					<div v-if="props.server?.loader" class="flex items-center gap-2 font-medium capitalize">
+						<LoaderIcon :loader="props.server.loader" class="flex shrink-0 [&&]:size-5" />
+						{{ props.server.loader }} {{ props.server.mc_version }}
+					</div>
+
+					<div
+						v-if="
+							props.server?.loader &&
+							props.server?.net?.domain &&
+							!userPreferences.hideSubdomainLabel
+						"
+						class="h-1.5 w-1.5 rounded-full bg-surface-5"
+					/>
+
+					<div
+						v-if="props.server?.net?.domain && !userPreferences.hideSubdomainLabel"
+						v-tooltip="'Copy server address'"
+						class="flex cursor-pointer items-center gap-2 font-medium hover:underline text-nowrap"
+						@click="copyServerAddress"
+					>
+						<LinkIcon class="flex size-5 shrink-0" />
+						{{ props.server.net.domain }}.modrinth.gg
+					</div>
+
+					<div v-if="showUptime" class="h-1.5 w-1.5 rounded-full bg-surface-5" />
+
+					<div v-if="showUptime" class="flex items-center gap-2 font-medium">
+						<TimerIcon class="flex size-5 shrink-0" />
+						{{ formattedUptime }}
+					</div>
+
+					<div
+						v-if="showProject && (props.server?.loader || props.server?.net?.domain || showUptime)"
+						class="h-1.5 w-1.5 rounded-full bg-surface-5"
+					/>
+
+					<div
+						v-if="showProject"
+						class="flex items-center gap-1.5 font-medium text-primary text-nowrap"
+					>
+						Linked to
+						<Avatar
+							:src="props.serverProject?.icon_url ?? undefined"
+							:alt="props.serverProject?.title ?? ''"
+							size="24px"
+						/>
+						<AutoLink :to="serverProjectLink" class="truncate text-primary hover:underline">
+							{{ props.serverProject?.title }}
+						</AutoLink>
+					</div>
+				</div>
+			</template>
+			<template #actions>
+				<slot name="actions" />
+			</template>
+		</ContentPageHeader>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Archon } from '@modrinth/api-client'
+import { NuxtModrinthClient } from '@modrinth/api-client'
+import { LinkIcon, LoaderIcon, SettingsIcon, TimerIcon } from '@modrinth/assets'
+import { useStorage } from '@vueuse/core'
+import { computed } from 'vue'
+
+import { AutoLink, Avatar, ContentPageHeader, ServerIcon } from '#ui/components'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+type ServerProjectSummary = {
+	id: string
+	slug?: string | null
+	title: string
+	icon_url?: string | null
+}
+
+const props = withDefaults(
+	defineProps<{
+		server: Archon.Servers.v0.Server | null | undefined
+		serverImage?: string | null
+		serverProject?: ServerProjectSummary | null
+		serverProjectLink?: string
+		uptimeSeconds?: number
+		showUptime?: boolean
+		backHref?: string
+		breadcrumbClass?: string
+		headerClass?: string
+	}>(),
+	{
+		serverImage: null,
+		serverProject: null,
+		serverProjectLink: '',
+		uptimeSeconds: 0,
+		showUptime: true,
+		backHref: '/hosting/manage',
+		breadcrumbClass: 'breadcrumb goto-link flex w-fit items-center',
+		headerClass: '',
+	},
+)
+
+const client = injectModrinthClient()
+const { addNotification } = injectNotificationManager()
+const { serverId } = injectModrinthServerContext()
+const isNuxt = computed(() => client instanceof NuxtModrinthClient)
+
+const userPreferences = useStorage(`pyro-server-${serverId}-preferences`, {
+	hideSubdomainLabel: false,
+})
+
+const headerImage = computed(() => {
+	if (props.server?.is_medal) {
+		return 'https://cdn-raw.modrinth.com/medal_icon.webp'
+	}
+	return props.serverImage ?? undefined
+})
+
+const showUptime = computed(() => props.showUptime && (props.uptimeSeconds ?? 0) > 0)
+
+const formattedUptime = computed(() => {
+	const uptime = props.uptimeSeconds ?? 0
+	const days = Math.floor(uptime / (24 * 3600))
+	const hours = Math.floor((uptime % (24 * 3600)) / 3600)
+	const minutes = Math.floor((uptime % 3600) / 60)
+	const seconds = uptime % 60
+
+	let formatted = ''
+	if (days > 0) formatted += `${days}d `
+	if (hours > 0 || days > 0) formatted += `${hours}h `
+	formatted += `${minutes}m ${seconds}s`
+	return formatted.trim()
+})
+
+const showProject = computed(() => !!props.serverProject)
+
+const serverProjectLink = computed(() => {
+	if (props.serverProjectLink) {
+		return props.serverProjectLink
+	}
+	if (!props.serverProject) {
+		return ''
+	}
+	return `/project/${props.serverProject.slug ?? props.serverProject.id}`
+})
+
+function copyServerAddress() {
+	if (!props.server?.net?.domain) return
+	navigator.clipboard.writeText(`${props.server.net.domain}.modrinth.gg`)
+	addNotification({
+		title: 'Server address copied',
+		text: "Your server's address has been copied to your clipboard.",
+		type: 'success',
+	})
+}
+</script>
diff --git a/packages/ui/src/components/servers/server-header/index.ts b/packages/ui/src/components/servers/server-header/index.ts
new file mode 100644
index 000000000..97bcdcc7f
--- /dev/null
+++ b/packages/ui/src/components/servers/server-header/index.ts
@@ -0,0 +1,3 @@
+export { default as PanelServerActionButton } from './PanelServerActionButton.vue'
+export { default as PanelServerOverflowMenu } from './PanelServerOverflowMenu.vue'
+export { default as ServerManageHeader } from './ServerManageHeader.vue'
diff --git a/packages/ui/src/components/servers/server-header/use-server-power-action.ts b/packages/ui/src/components/servers/server-header/use-server-power-action.ts
new file mode 100644
index 000000000..a6e0bc8ca
--- /dev/null
+++ b/packages/ui/src/components/servers/server-header/use-server-power-action.ts
@@ -0,0 +1,80 @@
+import { computed, type Ref } from 'vue'
+
+import { useVIntl } from '#ui/composables/i18n'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+export type PowerAction = 'Start' | 'Stop' | 'Restart' | 'Kill'
+
+export function useServerPowerAction(options?: { disabled?: Ref<boolean> }) {
+	const { formatMessage } = useVIntl()
+	const client = injectModrinthClient()
+	const { serverId, server, powerState, busyReasons } = injectModrinthServerContext()
+	const { addNotification } = injectNotificationManager()
+
+	const isInstalling = computed(() => server.value.status === 'installing')
+	const isRunning = computed(() => powerState.value === 'running')
+	const isStopping = computed(() => powerState.value === 'stopping')
+	const isStarting = computed(() => powerState.value === 'starting')
+	const isTransitioning = computed(() => isStarting.value || isStopping.value)
+	const showStopButton = computed(() => isRunning.value || isStarting.value)
+
+	const busyTooltip = computed(() => {
+		if (isStopping.value) return 'Server is currently stopping'
+		if (isStarting.value) return 'Your server is starting'
+		return busyReasons.value.length > 0 ? formatMessage(busyReasons.value[0].reason) : undefined
+	})
+
+	const canTakeAction = computed(
+		() => !isTransitioning.value && !options?.disabled?.value && busyReasons.value.length === 0,
+	)
+
+	const primaryActionText = computed(() => {
+		switch (powerState.value) {
+			case 'running':
+			case 'starting':
+				return 'Restart'
+			default:
+				return 'Start'
+		}
+	})
+
+	async function sendPowerAction(action: PowerAction) {
+		try {
+			await client.archon.servers_v0.power(serverId, action)
+		} catch (error) {
+			console.error(`Error performing ${action} on server:`, error)
+			addNotification({
+				type: 'error',
+				title: `Failed to ${action.toLowerCase()} server`,
+				text: 'An error occurred while performing this action.',
+			})
+		}
+	}
+
+	function initiateAction(action: PowerAction) {
+		if (!canTakeAction.value) return
+		void sendPowerAction(action)
+	}
+
+	function handlePrimaryAction() {
+		initiateAction(isRunning.value ? 'Restart' : 'Start')
+	}
+
+	return {
+		isInstalling,
+		isRunning,
+		isStopping,
+		isTransitioning,
+		showStopButton,
+		busyTooltip,
+		canTakeAction,
+		primaryActionText,
+		sendPowerAction,
+		initiateAction,
+		handlePrimaryAction,
+	}
+}
diff --git a/packages/ui/src/components/servers/server-list-empty/ServerListEmpty.vue b/packages/ui/src/components/servers/server-list-empty/ServerListEmpty.vue
new file mode 100644
index 000000000..b6b53a804
--- /dev/null
+++ b/packages/ui/src/components/servers/server-list-empty/ServerListEmpty.vue
@@ -0,0 +1,313 @@
+<template>
+	<div class="grid grid-cols-2 gap-8 items-center justify-center py-10 max-w-[760px]">
+		<!-- Left column -->
+		<div class="flex flex-col gap-8 items-start pr-8 shrink-0">
+			<!-- Heading -->
+			<div class="flex flex-col gap-2 items-start w-[300px]">
+				<p class="text-3xl leading-9 font-semibold text-contrast">
+					{{ formatMessage(messages.modrinthHostingLabel) }}
+				</p>
+				<p class="text-base font-normal text-primary">
+					{{ formatMessage(messages.noServersDescription) }}
+				</p>
+			</div>
+
+			<!-- Feature list -->
+			<div class="flex flex-col gap-4 items-start w-full">
+				<div class="flex gap-3 items-start">
+					<div
+						class="bg-surface-4 border border-solid border-surface-5 rounded-full shrink-0 size-8 flex items-center justify-center"
+					>
+						<PackageOpenIcon class="size-5 text-secondary" aria-hidden="true" />
+					</div>
+					<div class="flex flex-col gap-0.5">
+						<p class="text-base font-semibold text-contrast">
+							{{ formatMessage(messages.oneClickModInstallsTitle) }}
+						</p>
+						<p class="text-base font-normal text-primary">
+							{{ formatMessage(messages.oneClickModInstallsDescription) }}
+						</p>
+					</div>
+				</div>
+
+				<div class="flex gap-3 items-start">
+					<div
+						class="bg-surface-4 border border-solid border-surface-5 rounded-full shrink-0 size-8 flex items-center justify-center overflow-hidden"
+					>
+						<GlobeIcon class="size-5 text-secondary" aria-hidden="true" />
+					</div>
+					<div class="flex flex-col gap-0.5">
+						<p class="text-base font-semibold text-contrast">
+							{{ formatMessage(messages.simpleSetupTitle) }}
+						</p>
+						<p class="text-base font-normal text-primary">
+							{{ formatMessage(messages.simpleSetupDescription) }}
+						</p>
+					</div>
+				</div>
+
+				<div class="flex gap-3 items-start">
+					<div
+						class="bg-surface-4 border border-solid border-surface-5 rounded-full shrink-0 size-8 flex items-center justify-center overflow-hidden"
+					>
+						<UsersIcon class="size-5 text-secondary" aria-hidden="true" />
+					</div>
+					<div class="flex flex-col gap-0.5">
+						<p class="text-base font-semibold text-contrast">
+							{{ formatMessage(messages.playWithFriendsTitle) }}
+						</p>
+						<p class="text-base font-normal text-primary">
+							{{ formatMessage(messages.playWithFriendsDescription) }}
+						</p>
+					</div>
+				</div>
+			</div>
+
+			<!-- CTA section -->
+			<div class="flex flex-col gap-6 items-start">
+				<div class="flex flex-col gap-3 items-start">
+					<ButtonStyled color="brand">
+						<button @click="onClickNewServer?.()">
+							<PlusIcon aria-hidden="true" />
+							{{ formatMessage(messages.newServerButton) }}
+						</button>
+					</ButtonStyled>
+
+					<AutoLink
+						to="https://modrinth.com/hosting"
+						target="_blank"
+						class="flex items-center gap-1 hover:brightness-125"
+					>
+						{{ formatMessage(messages.learnMoreLink) }}
+						<RightArrowIcon class="size-5 shrink-0" aria-hidden="true" />
+					</AutoLink>
+				</div>
+
+				<template v-if="!loggedIn">
+					<div class="h-px w-full bg-surface-5" />
+
+					<div class="flex gap-3 items-center flex-wrap">
+						<p class="text-base font-normal text-primary">
+							{{ formatMessage(messages.alreadyHaveServerLabel) }}
+						</p>
+						<ButtonStyled>
+							<button @click="onClickSignIn?.()">
+								<LogInIcon aria-hidden="true" />
+								{{ formatMessage(messages.signInButton) }}
+							</button>
+						</ButtonStyled>
+					</div>
+				</template>
+			</div>
+		</div>
+
+		<!-- Right column - mod icon grid -->
+		<div
+			class="relative flex h-[617px] shrink-0 items-center justify-center overflow-hidden rounded-[40px] pointer-events-none select-none [mask-image:linear-gradient(to_bottom,black_0%,black_35%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_bottom,black_0%,black_35%,transparent_100%)]"
+		>
+			<div class="rotate-[15deg]">
+				<div class="flex flex-col gap-4">
+					<div
+						v-for="row in GRID_ROWS"
+						:key="row"
+						class="flex gap-4 items-center shrink-0"
+						:class="animated ? (row % 2 === 1 ? 'drift-left' : 'drift-right relative left-14') : ''"
+					>
+						<div class="hidden drift-right drift-left"></div>
+						<div
+							v-for="col in GRID_COLS"
+							:key="col"
+							class="border border-surface-5 rounded-[20px] shrink-0 size-[112px] bg-surface-4 overflow-hidden"
+						>
+							<img :src="getGridImage(row - 1, col - 1)" alt="" class="size-full object-cover" />
+						</div>
+						<div
+							v-for="col in GRID_COLS"
+							:key="col"
+							class="border border-surface-5 rounded-[20px] shrink-0 size-[112px] bg-surface-4 overflow-hidden"
+						>
+							<img :src="getGridImage(row - 1, col - 1)" alt="" class="size-full object-cover" />
+						</div>
+						<div
+							v-for="col in GRID_COLS"
+							:key="col"
+							class="border border-surface-5 rounded-[20px] shrink-0 size-[112px] bg-surface-4 overflow-hidden"
+						>
+							<img :src="getGridImage(row - 1, col - 1)" alt="" class="size-full object-cover" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import {
+	GlobeIcon,
+	LogInIcon,
+	PackageOpenIcon,
+	PlusIcon,
+	RightArrowIcon,
+	UsersIcon,
+} from '@modrinth/assets'
+import { AutoLink } from '@modrinth/ui'
+
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+
+import { defineMessages, useVIntl } from '../../../composables/i18n'
+import imgAircraft from './grid-images/aircraft.png'
+import imgAlexs from "./grid-images/alex's.png"
+import imgArtifacts from './grid-images/artifacts.png'
+import imgBiomes from './grid-images/biomes.png'
+import imgCatac from './grid-images/catac.png'
+import imgCobble from './grid-images/cobble.png'
+import imgComforts from './grid-images/comforts.png'
+import imgCreate from './grid-images/create.png'
+import imgCreate1 from './grid-images/create1.png'
+import imgCreate2 from './grid-images/create2.png'
+import imgCreate3 from './grid-images/create3.png'
+import imgCreeper from './grid-images/creeper.png'
+import imgFriends from './grid-images/friends.png'
+import imgGeo from './grid-images/geo.png'
+import imgNaturalist from './grid-images/naturalist.png'
+import imgSeasons from './grid-images/seasons.png'
+import imgTravellers from './grid-images/travellers.png'
+import imgTree from './grid-images/tree.png'
+import imgYum1 from './grid-images/yum1.png'
+import imgYum2 from './grid-images/yum2.png'
+import imgYum3 from './grid-images/yum3.png'
+import imgYung from './grid-images/yung.png'
+
+withDefaults(
+	defineProps<{
+		animated?: boolean
+		onClickNewServer?: () => void
+		onClickSignIn?: () => void
+		loggedIn?: boolean
+	}>(),
+	{ animated: false },
+)
+
+const GRID_ROWS = 6
+const GRID_COLS = 5
+const { formatMessage } = useVIntl()
+
+const messages = defineMessages({
+	modrinthHostingLabel: {
+		id: 'servers.list-empty.modrinth-hosting-label',
+		defaultMessage: 'Modrinth Hosting',
+	},
+	noServersTitle: {
+		id: 'servers.list-empty.no-servers-title',
+		defaultMessage: 'No servers yet',
+	},
+	noServersDescription: {
+		id: 'servers.list-empty.no-servers-description',
+		defaultMessage: 'Install mods, invite friends, and play together all from the Modrinth App.',
+	},
+	oneClickModInstallsTitle: {
+		id: 'servers.list-empty.one-click-mod-installs-title',
+		defaultMessage: 'One-click mod installs',
+	},
+	oneClickModInstallsDescription: {
+		id: 'servers.list-empty.one-click-mod-installs-description',
+		defaultMessage: 'Pick your favourite mods and we handle the rest.',
+	},
+	simpleSetupTitle: {
+		id: 'servers.list-empty.simple-setup-title',
+		defaultMessage: 'Simple setup',
+	},
+	simpleSetupDescription: {
+		id: 'servers.list-empty.simple-setup-description',
+		defaultMessage: 'Set up your server just like a single player world.',
+	},
+	playWithFriendsTitle: {
+		id: 'servers.list-empty.play-with-friends-title',
+		defaultMessage: 'Play with friends',
+	},
+	playWithFriendsDescription: {
+		id: 'servers.list-empty.play-with-friends-description',
+		defaultMessage: 'Invite friends and get them set up right in the Modrinth App.',
+	},
+	newServerButton: {
+		id: 'servers.list-empty.new-server-button',
+		defaultMessage: 'New server',
+	},
+	learnMoreLink: {
+		id: 'servers.list-empty.learn-more-link',
+		defaultMessage: 'Learn more about Modrinth Hosting',
+	},
+	alreadyHaveServerLabel: {
+		id: 'servers.list-empty.already-have-server-label',
+		defaultMessage: 'Already have a server?',
+	},
+	signInButton: {
+		id: 'servers.list-empty.sign-in-button',
+		defaultMessage: 'Sign in',
+	},
+})
+
+const GRID_IMAGES = [
+	imgYum1,
+	imgYum2,
+	imgYum3,
+	imgYung,
+	imgCreeper,
+	imgFriends,
+	imgNaturalist,
+	imgBiomes,
+	imgCatac,
+	imgCobble,
+	imgGeo,
+	imgCreate,
+	imgCreate1,
+	imgCreate2,
+	imgCreate3,
+	imgAircraft,
+	imgArtifacts,
+	imgComforts,
+	imgTravellers,
+	imgAlexs,
+	imgSeasons,
+	imgTree,
+]
+
+function getGridImage(row: number, col: number): string {
+	return GRID_IMAGES[(row * GRID_COLS + col) % GRID_IMAGES.length]
+}
+</script>
+
+<style scoped>
+p {
+	margin: 0;
+}
+
+@keyframes drift-right {
+	from {
+		transform: translateX(-33%);
+	}
+	to {
+		transform: translateX(33%);
+	}
+}
+
+@keyframes drift-left {
+	from {
+		transform: translateX(33%);
+	}
+	to {
+		transform: translateX(-33%);
+	}
+}
+
+.drift-left {
+	animation: drift-left linear infinite alternate;
+	animation-duration: 400s;
+}
+
+.drift-right {
+	animation: drift-right linear infinite alternate;
+	animation-duration: 400s;
+}
+</style>
diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/aircraft.png b/packages/ui/src/components/servers/server-list-empty/grid-images/aircraft.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca2038768b085aea2b8578bc5bb9c5b2b7149928
GIT binary patch
literal 21840
zcmV)-K!?AHP)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h000mGNkl<Zcma(3
z2fSv<Ro)B#SJmEcJUMsn$$3UIBWWa!!XP0b!WEWC-<4(A#uzXr2?G*H$hP>1=3W~x
zU<|%|nD560e1&~2KnSJLXrd<Po|*3HoKK(po;U4Xb)VYj^h^)wclW#3uDoj1vsSID
zUHf#q@B6`@ir@D`KOy=tQ3`)De*X`DH2%<!eIowkCw?w|@@N0|_^Ds`kMaNei@y~=
z_4B_OzxQLm8$a+v|22Nc5Bx#=wjcaI;|G55kKzY@=#S#J|Hz-bhQ8xR|6BadL?8KY
z@w<NP)A2*1@BYc(jsNnazZU=1$9_5f#K(U&{=`rJoapD{M?e0{uc4p##4pDm`<Y*k
zANlydkKg~X-;e+JqyIC0=qEoHKlstV5dE1bg?|x0{IUNQ|M@3=FaGc+{!{$PpZO2*
zV`}qLKl3Z`r#|^B@uUCxe~Ul;$zP72_?cgfAN}Mn#gB=8>Jz^dKl%x!6Mg&_;!pnc
z&;PCT6Ux6xKmJoc7k})dKl>W`$WMMM{^(Eq+gIpEe*E9Wi}b_)>R$`HPsSho$j`(d
z_|Z?qANY}vSM>cq{PFlbKm0TCL;vy@<9B}Fug3R(@9)NM6*;T`qR5F%q+7|dEZOXI
z+1TjN>1@z1HYqF;qsPdIKEs^Dyu&F}t5<HbZ9e9}c`!#Q>XlQhg=tp96q{jE{2D|v
zm6w>63WwlILTu14XW1zB(2G+_=PHY;qX372$SZ$@ZmK8h6chBRRsBSl>XsGnAlWXq
zz!_%Sq<pjO_+JaT<T5kT_{?4n&0ZVlHJ5<}^<AQoWBLtf($ly%!korEL%|4fyHv7i
z;OG*tdT!k&mBdI{M*6)WosD(Y);C#N4fOklQ{8A8NDx&eU1p|aBC*_#V@^e>o<z~$
zqtZnjp%WHZjXPP33v@{WwbfyZl9m9SVLi;S5hm#~N=Z&kY&0lwS08Sh0vNh7hH;cm
zoMA2OqN}!1eVF<)r(*NM-71PH&kVC|N=mp$DKEuS$ZIb%<DwGGUX7=`L}tdtE4n}s
zxFNPAf18as$$Ghi4T0YaW0b<KQ2l68V|F-{fdVYzRNzdRB1?ihBQY$k$wq&a<;@nu
z;8i_h`d#eQ%&KU5s+rn2a2Z~FoT8~%+?A(9%1}_on!p-kqnu&2m}iA~R^u*#I7>H5
z&;-1Ok_3(D5-)oVc`T(>6bwpr9A#PNTI97FwY-7%H7xaKhMA!jTzZ*p<(nC*Ky@i@
zX1KqH%uLm{2wh1DiJ~`3$=#C?Y{q#R#Vj3W=}V@<t9SF_>(tf}6-V+rFt)A~rb;Qx
zQkg12K|_oLRGgqEtrnIm-?p0QX=a$2V!Ab0BL^{7Cc$mxTMDX&2T~$Jx~0rvtg}Iz
zmBA?8VpNdVRpzkhwyLU~CFmruiLaS)@fVdJl;{0`kw%}1_68GU9op?cqtT>R%ki1R
z%s_V{lZ*+hL|k&2r3zaaW`>!e2Y=&A`P-Q>MpZEquX?@C$jB(o`kcl+Q5n&IF{1Er
zs^=7QmSpib$z8G0Y;kN~rfjPUQkIvmuhWmC0)LubIYCi2P;X-61(3+LIyW=YWoATm
zfcQ9(SxTcO2AF>0n?O|=B2!;UKdMEu274Bu<ub~l2enNUs|r@tPEV>!>rm>)mo)Mr
z6OBGQMmE?v+F@2S+8B_Dw-yN1ju?T&u6iVX%1w6&L1R?8rPLOgnW`CjRAi<&fBR)-
zcv*F`*<^ftoQa7ECdbB@nW-^0>hMk&8r3DJWKe=Fr6q%!R$W9v;*wS>suCI;Mj=b@
z3-oTWKtD_nsbfwR(!g<wLzT3OKZq%5Q8oh$n9_-yDJ_2BNS9TMBbb>Uv7!)-M&_k}
zjLWVbGCx=1Lasj9x>SuSl_DaI#{5uiHkod%3G^i<8eN*MOBM^tLhIJB&p<RB4k?Nt
zzbg*v2aPz%lr|XccAL5RS#g%U7J2oGm3(Hl6>6ZiO{tFQk$5CBGm`b^c}^nd9l2&)
zo{5KihlQ#(n3qWy4#UiWDOAdf9O<(3h!WJXDR;0QCs>b@46UI8Y0{}ex+_WoD_e}B
z7?Xs<FiYgb(nRPoQDUD$MK8J2coU`4dTk)EHaK^tL(6Jhu~6gkJrS>Fp)~Q06-Yt5
zBy$5svL5rTb#{+*nW}eaXxHQ{$lwFRVL`9k*G8eI_<&^P;MKE<N2DyJpt6+3j<RFN
zoRl*pl%bjlsw6F$C`qNT%0T_wtE90ip?fP&4e9rKtgo-Lxw)y?TWF08GTI23Zo|wJ
zimgJkt+<)POmQLQRD{J$yxIbNoKBdg49R!ZtA?pwVwcE8Q$wg8VnR}Y$P`xz23w@c
zrn<=DwsNR0Q)xx6kOdE!sQ1`4w!!|XfR95u>uUmP$n<37n#)FLHA>2&q^{XDR_ig}
z++==ajmg$B^}K_LkA;Gw->2J4)Vl=us6HKL>QO{2@lw{@+zj)w{QjWJ%JK?cyv<B?
zQ+)*jMM9*=-yk!?NeLzrV?c`4IE%r6jg1XfSJzlw*Y<tj2+_l~;Yx}M3RT6-)Xb{T
z%y3ceWuRThdYq#d<_V!q3}T@5JP;&{$fz!7iB%4^H7iW{hAHiEvNTuadqOGzl?0N4
z_1L=ATPD!P>g$Y;t}@nMWmG<VtX(oYk&_FcFzhOfOtdz+X+P|p++@6Vp6U8VmDkAo
zWFc0T+fNqXAJ88T7#7Kz%dLK@r{t3K5M)p#^?HrnJ9jcZHlp#BtXx<Tj|6(Eml`P4
zo$AXXQ^wy*W)UYm5EU-h{=UhD-Y83J4Tb|5bfqLPvn|4bC`t>a7#OCuZY@r+9>?j)
z@25;8Fts6>$oZ%tsA6!W&Z0M>_=qP8NZ}UQRvLpUL#5kMbg31!Y(P`MPc>JV)j~N@
z?^9QvMfD*!fLu(op+;pNUv4lepr`9YZrC5WeCL1>wTp3+LT+R@C^hv5vicr_L7!4?
zMcw?3JJl_U0TbgR?AyJAb~7i-0^Q9GHr6|sK#DOCCBs%@Da1ruiRvkd5M~usV^eOb
z5wz3~v_ssCV{FK4tjAe}b8HqPlCh3+USw4tXeOBYGE@2z5-Z$LZ>MD(!EiW%&=T<T
z<9+r{73>}lOg91}wNlK2R1-*ZMm%s(wIL<Yl|lpE+q4yP%5P;u=IWd55Y5Q4>$L(G
zO5$M1KyTYUP2awJXplu`<|y^@m&&u;<9)`&Sc@IA(=?UtcGl%@I}By@TRuL)fv(h_
zg6+E~3cNFR?U-k<+2M&tzsA$gJkG&G2RL==gzT&!jn@fqlf*8etS~h<Q_eP_@D);_
z_nvyAMy=MS>n2%^J7oO}^8KS)c0GlFMq>~Mz)`hzM!L*QNmJCS(9Cd^`070O1*5GV
zbJ|DGHit~Lhb$yT%#`e!D_EEa+HDv$EqD&F#9U-Cr8FLciWje5PJES3OV&Ov;9F9p
z8ZwMMib9qvx6vE+SeHevt*vM=TVlPlL}zoA<qM0ftzKYVes$0rFzgSR93Nxn{2UFv
zXa(8AR)^|UE-97~Q-3IK5v?N=?AyDW(b1N+hSTJEF5pk|{Bs95dHg7g=TEVCR&@R(
zo1JCNq8>0LI?YH488tR4LVO`}o_4FngtnX06H`o2O_8@p3EDWQhFW;l_Mlj4Q4V~I
z56Lx)(Dlkplaiv8gm}8BDcNXlFr}B6nP!)!?-R7JCD)MU&}^2>w1(`R9I$UH%4Z8`
zY0lK0sk3yWhXH1WkuD)XB#2DUhAhCTq!8f!UYDUPvbV9y=EgFE-kQQi0e+OzC!gog
zp~rdQg-3Yi*@tAYk1BjZ^d!$c_cTY3yhH-aWhJ#dP?L-F>eFdJiP8XT^_*S1=b4!m
zK)F$9rnDLjuD||zCdS8!TGV@~|9*#VcSFZ4D=aUcW@+gp8yn{t_Ovz>>kx)%Ag_>@
z<u}Bq*=$jh0eDfKXGjE%@|9``79~uh<q}d_a+(>hUR!ZD*XlE^{q$(PD=inY%tAtJ
z(w9pZbcY&1AqWFLFKE>iO3BfAF&D{N5>GS1t4LyLmY$i~)ClIu@(#XOW^?1Tb_qwg
zaPA0ak00agiDR5UbAqLFr&w83+0r5#tLs}XsngSTa=_Z!8tdyTtgKv6e3|p-&v5+2
zVTC7Hy>Ob|`UQsl70J9Vqv?r;Oihl{YSm@YeS#F8OF79D9(nW;PMtVOl$&!&-Ym%v
zSym&ICjP4|FD_}^9qp>tiD5(hx&k+V45$dDW@m@BjWv2&cZTJVQp%)SKV)VmXl40M
zV|L>2u*$s%BGTnjzGO*;QdLb46}VZw#Ehx~c^3KAVFmbLP^hymt81%lh&Iz{XunX0
zsK1Ie31_Fr7P-W#qKKnLmvK%r<({U|{ThpB9_7^W7dd<CxBx#ZWo&5Y(yewU8=GBv
z+Dms8Zf<O{*%2vT6p^&2AL?aFNN6xlz?5{f=U!i0;lkn~Cr=*d#IeI1J93cKl|@_{
zMDk6+G(+lmP2ujK$Kk^VIeq#hgTzZ9WVKxK8}(X7=1eXo;tj<$<Lk}pEXjz<52P^7
ztU_L)U-V=Uo7%p1Sy?IB?3s+L0QKus-<cCYVuVuSi{A<*4v3Q>rJD!ghAuP11!=aB
zCi_|t(_quWmXum`s@+9j1L(>kS5|tQU+bbRuR4jyXn@q&MT*LI>Utp8aE8Y41VM`1
z+-TEfmiolij8E-j$DS+Mf6cY*-hUOl_FT@+o%@+v*vn4E+hbFVjL*;-RX8?DyFD&o
z*Ew<G6sJy~Vs(9$LNb{^tkrAO>kSPlhoF94hEJqH_vBiRy!-+W-gggw`R9MZgAYAO
z!Xq6SjOn-_&vR{cJ-HNAuhrB~i<y}j78Vw0Hd;9GF{>%eH9{u>^sZEvIh(^a=QqbW
zwO&&^Q<+zxZ4*k1Qj*tRNeQvaH_Wyu)o=qLI?!|~Vj=5RKPtq5GcakjRHRe1S?rE-
zrq`fbs#8t1Se2?GiO`iAl%!5J!amN`Z((!vc4|9c$K2jqn4R0tj$KzUHNS_fIZC}X
zj`J-VtqIzr)3in=S=haw`5pTzWz6r`&0FrglW+Q_Z|046yqVeg1v=d>=gu$54Xk5H
z37OGuL>6Wy7-=_Hyl{>uo_vhE@BTcGJ*=5`_AH|#ZT9TiCD$}Xt6rDI21xS9K(9X_
z&5(v%*7WQw&Gsl!3Urnu;V2aLLz8Y8r&G?cKHSM_oM)AB`mv6QRgm(jHX;cJp`uK)
z6dIRaK}l8L&N9rl$PHytF$NqFjIB!yFsC!25p_JndYIByYgX2$H)Qjw=J2ZH%rM&`
zl*Z6qBl82s@(t$dtIX6E8S^VTGFYz`z@hwSDJn$CTa=P2lv2FHw37)%AW<P-T?|Y4
z^HHw6@*3X$_PcoBx4fS>C1uRc(G_@`YiBun@Jl>+@0WPt^5k1;000mGNkl<Zxo0_Z
z@;F`Xs21jSaOD+Oa@pmV(H?7)-V+M(9f)VC4u{&J4vL{%U}Q`S^T_D9>No~E2poon
zc4=(^JfeO5469+5)pCaQQW(Thl}R}fVsObbqL@g+C;WsWA``iU(`(2OR2Wd<rkI)G
zFg2FXF`2G2Na-Oto9b}2oL9&53>Z^>4JW0T2sKP(=w~VdoPL?!BicGLm}_^KZ}ymI
z_G#A(oFD2<wV*fX=mn}<`SJv^QBcoI`CNfscD3a^$Jw(-wM9Ik9nn!9d+ZS&xc@#L
zc;H^q{c=MmF*6+{%vUbM`<7mZ<}g>2u@uxA8AzLDIbeKpg3GVGlG|^41GnDtI$r;V
zH_Gi@Nt%hXb5}4oe<jnim&xjPFf7~jhE00KC>z5WR`h*hx!B1@F-<RwQb;Kw_zGgv
zSS?w6R3woCcqLM$E<RG-6n6sFETs&={0dcN>5wadjsT2hU7rFc1o{rv^#!LJN6_{f
zQ-_YI!KWr7F-wdtW;j>UtZiy5yUuKTnepZtH7SBPsK6fToTlIJGSvBtg#oz~(x{{T
zyxd-~!G#N_ICu6Kn;T1FK4dUhr;xG++Oie`vs4=hT1*dB+tFvAeU|fQ&q3BAWKHsR
zjeYy~k^FnBS!aE9na7`aoG*Uy%RKtfBdn~hVBTntj?rw6h}v49GrShzGUlZ35NiT@
zIgYa`>M+J2inl;VV~<h2TLGqsZiIyxD(yuk7?N@vLFH93TbG&Pog=k3P(3}B7ep0)
zfOL~<LCxq}lg&6qN1ER(C+W+!q8J*s#n_3p(rR<b9VLp9yF#vFgNfEUE#H@%k)jyT
z@AoPi3<rcTKrWjEe63!p<35|6HC9$u2*aS6P?yp~S)FFBNu${y&pn|SvbM6!=`$zg
z<Iii_2lnjQ&DGaj$E;k@aHzLh&7?RG&tNz_X(64Ro}*E#bNcK_9{Ae*eD<?{##2u`
zrZwb*c2{eRXl<CB9Ajd10^iUl!%}avZiZ4yjjlnoIzcllSgv>u@(RQ@PWevCEc7xN
zVh0Odoq}#?Y#r4o5ZtQ!+S^PhMkgeNApvJjl!41|{bEAyW{$P6lMMvC)lhv*JStMc
z%&IgBw<t05q__jTA>ch01If4cbtF8L^_Ig9I#<BOKDi45ug8XVGK*&xId|r~UV=7p
zTJ&mpmROP08OlO4V8E*03C_yO&zw0+6tH{u?B{K7y-SPo`?%wcZxQ%A$?GFbjLb5>
zuv@;r!%%P4=}=C~8Zkn<)lk_SI~I1xKw1p+@^$9a%e?sFQ@n8CDGt8)98W)cFQ<>)
z&FbO*o8jqu$TwcVtvyRvdy;H;0Y6-a{u%1Sa|~C$M)$&fl#35hocJ96^k>P>e~$6a
zS6PUUF~{SyIRnB&Hy7dZGIQsg(jIdnQYoastumn_=rM*xoia^1m6;i4TjUh_G+z`(
zbEp6#G4X&?+(6nb^q$b~Ch+>iVIPz0@Nq~@v!kKe)7Rp7Hd*nxv#hVJGw2mW@eM*N
zZFLJ-`as9Zt82@wtgJ{0CA)U-<sD!5^?ZvK-*>$IU0i<o)tVJe&8|q9+PYjaXa?(@
zVHgUAQl7GvXT%V|0vb29yurA(xYN_KOiwS!`bRYjHt4J`gZB2lmE+Xn3bFGNos(Z-
zc>ZhH(%0x8|L+uM{+w|3v-D5@1-9}qarG&}#zDp#1G$$0!=i)F3ZyB9)*xtxm~e^e
zIHs^76HZ{3LI(s<#G)a1YD8)(RDl|?eVL`oTZ!a~QcO4sdM|P~gOs1nP6{b*tvANv
zaEe~(D)3z>1wxcn4q4O7)AGuS2Hhh{SuV@KseKIEeMA(fUMbKELK#VlnVg#DEpK}p
zSLvOhrkA6%dnu$Wb&jt&k;i48G5Pg*S@_KK3~4vxoR_F2UjEK|PnPA>Yc-mBXBg3p
z7#nRdJ3Yk?oheOEj59Sc!TiiT(^IodiN?n#scRi+w#TS7b87V=O&vkxdhbYiBh4}K
zswLs6<#p!g7PR(^lL^!!HslN^$^C#v)@Q6SAZ<c2&HnU~=zxp6NAD$LKE#;-i8z9#
zVx$P$B2ef=8c?MSOBqB333y3>5lPp;JR4fDW8ukU{c?&7bgtjkLV988f_5*b>1q#O
z%WEW1oJ)MgAttb+z%NK&l?rVS>)NZg1nS7dWM%1n9m1jhos{MTxOW~WGK|bJ$a9)H
z^Vzd=ANzLgVBfwy%<Y_~J<?)ybeu^YoYfmSJ_9p{cN(jVBlT4(91aH>MMPc5MFxRd
zquFSZIZr)rl3NX@cA3*`3sEu+MFqLWGB!3&;;oU$`sZ==F-BV*=Jbtv@Aw+~r`Nb*
zrpL~)lF>$i&q|ztZ`6iTPLHW(2M1mPI1v)UDngf8imO=VmdHGawpRK;x+>SCNH9Ib
zsvg%R@Tvw<YU?&6q@T>&%Mxp~8i`We%y1PDfi<1?bi14K(QWFo^pVj?uDtdJrssEJ
zs*?+Jmt{DG-gyC&$*OB$kk=Zl>R|2OFMN(;Ytw9ISJ4#UV>44M?3ia(N7z%-(=5!*
zF*P|!R?B4=3BXdbENVs$Bx{rb3@QWZ$p!X$JqCI??dv_oX_{wRpS<L6wVG1s7$YMi
zOpE83zA<>oRJt10+(Tn@57Q$x=0^HVwtAW+eKc_x9Vyu{Gi2XPVAptu`Sub!^dV}#
zzRpaogVPVQh%=2yq-Pa3bCA+1GcycGYVvv}i@?eLt9(Zma(pZ(<o`<5EVX5GQdVXe
z?Pi;1vq>5Rmt1C64Ky8n)HS{HyvF3TK-;kgpEYDu5uZ!E%#jA_ohS1dmdIrkafG$F
zmrU^}uuk=woGGP%nHv}#zk<BAi_+EA$B<~b+(|=<nABIX1$NHQvqMVRyLT_UcJ5_i
zVJBk~6Es^*()&YQvv5qaa8gQZkG2^Z8>Kxu!r0iDz@MSfXj0d9Zba^CWNbkok7=Bn
zG<*kd9ZDUw5Beq5W<<)&+>o*6km+WR$wr^id_b-|!T^T=OE-kAz>KX+Vcd$LlBoQs
zEH1fHIx1hqSW=kSIc;Zad6O(zt?~>hO0MRTW|)~QFH}ltHd|Fut<kI$P;ZS1uuOH5
zXc-82Gbhe!W0{oPreur_y`8ScJ!JJ6f?LyoYSi*bW(^wcU5w4&z|_uL8JW3`v4xvx
zPv69{wwf**m$kM@{j}Sov`38b@w$BZG;?#ajB8z3SeRpcYMfj$wOZq(dNr*fV-wTt
z*nJr@^ShavxlD@LLA}<{Vmgr54Ge|?T`se)?-#vpPsiIEtZ6sb+34ulqeoi9iXza{
zxm!AW8z^*W4X`K-Ea;&-#TBI6%oGR+J)@#qu11ONI|!JI)l->wJ<JURV1XW0t>kCZ
zQNVCGtfqZ(J*gmBevA<lUnh{$vBR3ajCIRMLBJB^;tx#$KF+|#7%<Kdg;H{<HaLl&
zC55QZ!pLfMvP=xc!Qz0L-Y41<3$p%EYOMt+;5Lp8-oVjtHOGtBDSj)9<rVbeIJL&K
zlrclSIU<@C_!DIHQ5sE^)fCSs30h?P>L+iFLRMo7#J<8V1HEJ>KuZCfHel#VW9(@=
zzP`S}s$6YH?y@Hrm;RC>;ZbVMa~dgvL4Y|mNp~dWC15azna9j9z)a6{SL6hdNadvM
zkrcU6Ue5V&3mrE>L&pNmJY!T-d0taKO=s^tNhl}a+U>S1t4+#FY=_#muF0x9#Xh<U
zdrVS<aSFMbA#H&_LNHmI^C0(^T%7lHjEt<3(}`Dx^IoCHyp*GQL4@L^ro1+5^z&SA
z`@0$1G<`QErCiT>cN1N|3ztn`*%-mK)V__mnzp;h0K6!xEO$*{E-kIHwzf`RYsPR`
zP!y%c6;&UwpfFHf!bHMSmVx1*AQ@Ryftg_@at>Fo2Pw0}B)GCv;4nPsY3S1Qh$$j+
zikNv!L`tV(QM%1Vf{%1<j^*KPEQYHfAE8xuH03X6W@g#3V~4D4q?!rI0-OYBG#k|N
zx~w%|#W8KmH|P~tvR>|_XEPK6J(^+eB7svpwKXXt_z}EhM*!#Msp44*bHy_<m1Rmh
zC*{l3GBYyC>MK&8YFC7e^TRgh`{Qg5#&rylOW6)A!(39TVV06!eS67|3^qX-t9<92
z@=b)uDKC*JG|U`eq{|e#Xes&%xyz?Z_Dv3%&^9RvXR1V{fYdNbWRa!%rjkTn38%OM
z3m^rV87L<`9fhLCTG+#};mw?551G~kLoOlrTKr~N&>lR`YoseJc5Uq}oYO#c<{rEN
z@J7(PNl2l(GiOwTR6oufDQ@OK`3=1ZCkyL#SE+lIc>`a=X?A#@kqexfz|Snl%wgh-
z;?aAY`ZO=FU6Wy)WHZcDG7CD6sLAKoYT~1|&cs(_;*}`PIH&lll;nep^_&!!%FGP2
zEkc)VlLFmVmAUCwhaIB@6WT6$BjE`ezE!|FtWt&{K2(J+Dg>u|GmllIdP%@4o)Hbu
zPG~6Wz0kjkQ@tBlin}>8*vFC1<=`jSJwM5=T|1eXnPc~kId*8_tBvg=<dfnY$Yhyb
za(E0g!)=pUN>lYQRCxlbS!*GwRIfy(Sdzn~Hcst42*gOHP<a}pDec6^JF0$~zF@32
zV0L_i$;p1TD39npVnlATr8A?fUc-BjnTZ_ETosxb>9Q*AG4o0~5>BZ|I>I@_%<z`-
zjp&qi4pZkQp01<CVO=ZsuvDR?fmK5RoXAMb*uIov8-Jn_#`aGgJD1~}$IM}7YT@u0
znb%(5#yQi!f~CO@R^uE;!Y!N$*RtB_a^(0kobGFp8{I{HWRLjfq<4){ZHXRB9f@07
z<P(v2N2eT7kgT#^wCzJj3PJs+>SnR3h6alAoaD1KaEaw*^|>F?%)5-Vx-5)!xlF+C
zn^<OHbe(j>(C`Cos{<tdG2+C>dxsO5875v%d1lIU9=9E)w3*5=$(Qi-P?b4Qzgv_O
zT}|m+Wp&)iHRHIBL{`=^VuDNz%~0HlRL2q&5yaGR0)*;H10_{Vq<qvik(psm^(15}
zj~H3nk$8u%w@8EPoIJ?Er~U`4M?TNqc8`tXa$a7!na<`M#8Ul6DIv)t8B7CFk1>(y
zQQhJ%0W!s-tK%i(u)BuS&ct~m%^WpDT@##GCRu=*EPbZF!tU`!_D`;|Z)}5wc8AgC
z1_|^~4!3qQ-68$nkY2w}p~X`=5NHnP9Ns%j<mBF*+?UDllnIt$mw;>n*?fa7s;jt(
zmuvG`6Q|I$d$YWOTPb(2Ih<lxW`uw)jnXMdrY<s#!c0#~V0ZzeGToNaPI=B_mdc|-
zL@6y{aF{6bEkb>ov>oHbU(h`GD_lPOE#AHVG;g|YhTU`1)azYJ^9%%}X$O)ERHv5|
zJctEO{3S{?`?glVAUR64iTHekOupKj$6O#Y)XWn@sm20dkT|Ee000mGNkl<Z&yt{>
zNMtewxtVolW%(n%hYza^hg$S|+DdABI81wZy*L$8M2H1AHP#rNWXlwKakkWt)|dpg
zlLEYy?v?ggj?3z}JW&m=&|fSU=-#LNL`{_?YE_{_-#mjBrl1kNa>io`%%I-W05mYg
zOq5axR-D7kD{7b-QKY*{CzPDpJ6XGHjL_>GXL$H`m^%CKxMuVo-g;}B8*aLu@!7pZ
zffvF#Zg2h-Z=CuZZ=Qbu+jxf6)x$&$CNdxjv{;#7th!I`DfJhE`d7YbaJ6JngLN_u
z(#%nmU2@mdWD06ulFQPfltitr7pABqh(M<|U{j#?^l7u-FJ$>iN$Bz<aD@&|hG2=O
zuTh1WELN7AEI5&+e$~IvTbKyN@ok*O<!UX34X8<udYjk~r8-G2*U(m_rS0%ILUKsd
zFJS6C-BANIESeJ1k8Op@R61g2B43e9&6TSFWr$KOL%xRL+Vfm^^yes_{wTMOJjAV+
zjWRR03#XTxj0Rb*XS1zs>5N>%CW8}S;>csa$Ii81=f?H{3i%EnHgWR9!dVg~-iZPs
z$yUnZ0$5ff6Q#5M*ga0?ng7b+FaKL!e&kQ^wF&A1W#z=9y!^R;!>NOR$>RDr=Q}M{
zhh96Mnt0WSau*0(G+VvMRn!*mHa^ofHy_3FkuBNl<7BmQ@g7xrj943^FVHs_W2Km6
zWiTt=(`<w>hHjkTC-lxSMz0*v$F8=@TP*eJEOv6vbv!QONte^0Ojf-`8fXGq1-=@3
z(9=NW(W$<fFi*+=GgCa3nc|2tr2}hE{x)Zx`cp=<1?|K(XO>r3U0!BIr=zMMtE{1s
zbNbX7o_Xc~XBO8;ulUzrcLh_^BMb+1T*w6wQbr*cQW8Rd5S3BNx(mtV849?8Ge(O?
zn0om?@XW(s;Y;^C$OHF$n&I-ZJpaXC;j_Q}5&ry7{(y(R@JIBrNxiEG!1^q;))e*D
zIC-N*rdg5{=_RidrO+$S)nxT~U4S>J(s@l`Q>3)4yHNid0|DC^W34;Fn!sJ@)>!J)
zSYB_ix}LMPZmh4tio&%`qu;L!0vV2>knPJfFbzq1Af)UR*)FQ8Rq2Q+FHuSgd#E0O
zGEMDFejGBUU-y&jy5?ORKKQZ#K15LjrY5JEn3$9R173LXB_4e6K7ArQ$*w(f-1@p3
z*`d?RVLvhw4|47Jv+~hvSXd*|%bE#{7#vmxDJC+I)u9<O+k2RLEu(k#2=_evC|`Z_
zIOmrfgUuCAe)X3)dGLNtobA%yc?)m*)_=ytSdYnZPpj1;lWXubS-Gq`<}J3Ui7D^3
zG$MC0g5_-_3{jwy>iZ@|sL>nd3=3b`hG0Md5;ViQgN$C^Q<e^wWsI~lCPy7QW@2h0
zGChe917T+%@HN`>RNRYFo&uGkS+a$5z>+^uc2WQ;Gr-J9KRt9iqTT^)ayN5t`X%<g
z{d*)pk0+mak|Re?as2p6zVxNLS-!Byl~?T7`TcH2T6GCr3UK7dJ$X3Kb+s?Bu=d9^
zPyPuf?)z;HKm0#H+)LkN;Gn(sRjye74~(AwpETr)Pb?2O-EC3ij&$z6(J44_W|iIg
zM)1ye+{i!p*01OK>uzK;uQ8&vKvH5({gO-G1}-0gnka?hM*=yKfHtL_$ZLaO>OcAh
z!!p;d&FjFeCgbwpJW)7>3K%Ee4jlqBKH>Ck;h328ObGmmk(`lMMlA=~jTB&@ap`s-
z1}?e^WM|;bNTF4;!>T%FDp$Ulk**ZDR4FAcl7z6qKt3>1yZrl^eapWmo7l%wk3Pgb
zci%4oTI}Dm3nx?AT<<^;adL0IUZW<d+aoiwvJqZB`Z8a==g-+V{2BI*9s|EYJpUN0
zkNg_``0sP<z~g-B{$r$_OtaObu0?+!UQu!c&A8>YRZbi`L75iXllQanwNEj4>Hn`q
z_@sQZY2iJG*P<G;T>U$o%Q06|Yr|O`$ONhpH9k`+I?3rAhL_|}hNAj{hmJB(O%-9P
zqo~?DS`DMsDoNi3@+_zoy0qeIt8J>}OnoXxZ4>)MN?B9~ND0bji!jr@P0BNo+Nb9$
zWM;3{NpY8v8H8dTKY0t2Z~Rrpul)d)4LN&mi3=<1n6_!{kx`uUIB#TmP9`OsJb97_
z9=MOw`XGP(4L5Peo$o?kh|bf$&+6m<2M1qxoX<aYoClsc%}Q@WQ@^0-_u1GS(CrnP
zaR?l3E}XI6>2vzrGKbHsa7rKfH;;XZ&g1`?{!_n8c>LE{eDrr^!KN*3CO$F=8IP+?
z$ilmlM{-FyX^<hIivyKo+Beo5?Xep5rdQS$W-7$=OE<!C7$W^)lsr<Ln3&`-Q-qiv
z6^UaCQ*Mf;f}jkA%F>gnKXEiuhHe!m-pWa_L|d6o0{(R}=kWrWFd$~*j9&ZGnhl?1
z(9C%HiAOl}@@Wm!uuOa$oIH7kyT5!lFFgM|dv$R4#@k=dls<x-QvQ*HFYxm7k8t-B
zN4Wpdmsu95x!MIw0C;ULdu+(!Lp05Z$n<!dwp^R{o+3mxHsqqttaE-n&}Nf-^(77*
zJjuOZ`ZR;pGoamB62!^>uO9wOUi|Mrz`g(1Cn!3rIPVB9h+Kt7OmUomO++;tGy>tG
zu_Vxx2tsJ1Ypkq!R#zMw+VS)Urn+&9hZK~y{m#r#UD9P{m^pM~rnnO+#8fIWGt7**
zo$t0oOAS=z@4QtmQ5mpKd+)cg@TUJnzVl5y_xw{laPR$`I(e3dA9|F#zkCnV6EocL
zhTEB6m|<;snKP%(a_aOlPd$Bv`yY9k<7d|(%g|>70bO7rDDFUtP9H=PSZ{gVPVTsU
zACv={by;dNr>^NZKHAWW-<WnPCHFjioUc7|L|f57@40`+smDK~V{p&n6aSH?KKJuH
z{`eEz_rN`@_aeihMxljv(1%VpvcB$FUM*N!?$I9<ICXDkuuW!0450Tp`aNS^JD-(R
zV`a6}jwsUYdd)f~Wgs<j@!D3Mk|`!bQY_t;9u-xw>OrN&l$nwj>sM`*k-|hMZl*^S
zad<D29d6JY-9_`(f6MH(|D022R``q0KFCu~oniOxU5xAV-vynwKmXjz9C`T!&%Ahs
zFMjP1&mLK!um+~l_O-r*YBL~khQrEr)U(JHb2;yO+g0qDXz=2*2jl`hJ7=fZF*Cuf
zH}2)St9J3i@$=mC_!*8Y4oI#$m)m>kg_Ase_aD*u+As0^SN@ozM+TfLW_Z*4KBZHF
zInJJsEG|ho%bul`OyHyKWt6+~l!X@z(tw_S^NzwP%DqJj`F(jvDFBw&BFigM<eH;u
znIQV>jT5LT&n`xk*otmFm3;LUgJ^n)E`}&>SXIZ&Ff+vs^PUkcUKttwnt#N?+df5e
z_BxPq(%<qF!#>Gf96jIR?njUE=<_GEl^a6lNPlI~?QLTEIdifC0U-C{W&JbytoX(o
zC$P;GPG4AJetue~tTWW4u!YGnaCIJf_7o34dzxBf2ldQTX!i7F;YW_GQFlj$>T?`D
zyh(RtA9sED_qgJUZ(?(Elg+_!>&;nVPi9>v+jSl!L*P|B4A|PRY~>jy8J(VnMZ+mO
z*-enlrKa$35VjORs$#~)E5%aflvcYGTtb>#)m}e>1i(y8L`piqW0>;IJW)cXkW@oy
z6%%C%!E%E3@n!V**>7O)8~zb*x#KE!@7&GF6D!<v?;##|{4nRcfkKO58l*{R!{mL$
zH_dM`Gpljq)w|iFqwU`2DlZ*62F}>GbAg5FDVnv6#%P`6ddd6zy)W_H;nSE4gtE`t
z@&*<hvvX~(yKX0Q(=&YL3s2!Le<$z!;BPT8yO-60+?~dfx=X;3z=%#`Fk%oXZ5o%E
zVP+(RqkvPBDlOfU=Yd8o&~C!0zCTZl8`F~+6B9WTG8)I<bJ^cfW~pOLKQJ@Wb@3Te
z?`)+~ej?jWn;BT0sMTO(@F=5$qs(9UFI+kNjKHY#;L|Vjl_!tVtL>mUvXkK;;-y$M
zpezenQ(!O*I>QOfOf~tsx9;ZVt7izqRh;(o3$ruqn4coA=QOnd<41Y!<wfp(<VBV@
z`_!~*JIgq~x=Pk4c+1VZxZ}n>=tP7sK5~fhJAQySz5kafWjF)vsw~Y)UcI781X0SV
z&Zm-KR)WY$v1y%YN$Ddkfjj2(!WSiHU~;n5`+#UXFghA(w+n4e3$j`vx%s;<)8M60
zw)@-;y+TJSOD!wQND)y?>|`OR2A5tH12NO!ZE%(y$A69aGrz<B#owT|`9&Um;T)fT
z@Bjx6p98(|*4qt=7$}FOjLInF^GSRQXv?hLaQ$xH{JP!LHRzWPOJRdPjl9LItlm3l
zwOcH$1-|mY0iMue8%i(mODQVQS?V)8S@6EQuI1*-_VVZ>PxILa4|ChM{3^HK`7iX2
zu%rc2)~#7;5}EBQflmTF<tbqo$0#`yM(t)`W-<W|(-S3AV<nSqM_b#~R^5}!g*q9h
zRTz0v97-IQTxN!up$D2_6`{+_a3V96Nr+&9D5AQOM5u{V9dMGy8H!s)W~Q=jstRhX
zoIkAB_ef6y49g}fE1PsW$Z~7+dVMzZp{CpG(k}*d`#o}B*Fp<Bca89#yKdp~U2TrP
ze4LZVPcu0-!v5X6xblhx8ubjPQ^*4^pXbZ>Kf$@>CAqAeZg0ri$_Cob@cLUX<D1{U
zgR#8HpMLQ%UfkHlT_5~?=C1iV&8!u?&%g<40SiHf7KjQH8EH&WV=VAKNU6|jI7W5E
zFxK|e>!tDwl?NG4WUGA&)G{Syt(N%4LPY_S3shICP~BAx#iF{QBL3EEtNhg>+m4#r
zh~joqVyhP=0&<ut1E+0aV|1Ri(d#&H<Yi7TZBna8UU$PZmtEdQYoaW0lbJEEX*((P
zq=k1tmY3Xi^Bi})eh({a=XmnTm*tW?`}Xf)Vser(o$Xw8-89{z(0R}cJS3~%)FL0e
zXJvVny}PD)_g#1L_BUUn?dbxikFW5DpS_Q;<4)f4o&Qnm#D4l4=LMXBEYAd#RvOaZ
zaVDU1?Xa3Tj8tHkOpcdwEruqX<cv&=52?%7n*cS<4i}IPO=D+k+<I=M(50B_s0+oT
z>M3~TuB<w!dc-2qB8u}ju8U=<z)~VbfGxj>+FHdp4I-D-H)^GXA2Qkw%#4=I?!ArG
zfn#X%vbqMNtub!6Vw$(zdIgi(7H*tBNvW?=nFPIj$0YB3^L1RS1G{r4mb7g>!|cK+
zmtVe<F}WJ~DZPLVc<#U%zWkL#96z}#D|C7T9<sW&$(!G_mk)g4R^I#W8@TzVtN8Lg
zkMU>s9p;*M{up2XEgzSe7%_CHxlB~jtPdDzmLyrn$6#X8<gy%dlaA@h!1Opwv|&8e
zk;OOih}Wz)Gt8VYQ-~1&iI4Qj#duVH6f#lul1Giw)b<RB;^<(x000mGNkl<ZAO=+n
zjHn+~v%ud7O<CKwTB+v6j6hO`7t>m%L9}3MJYz}&n4a`ZO*m1c(d@Bn?=9LD%wml(
z*1KbzJF}+Gg5&Jl(dOOnxLG3h^a6H*J8s#*UAOHg=u6ehhfa_d#;dQojQRN)+N~Dt
z#)#ZNlV_hl#Y2yrV7*t6)#`dt+Mt~~{y*RPX1?<uyqCF|Y2~dkGSXmtZZ~&**T3eL
zH@#2C#{;>yNV{pW>RiX*4JIan;>P$$tQ0Y#8QRE$>XkTGNVY(-)0n=Y2aP?EkPe}w
z)D#XenOz1_XjD81>7Y7A35m3mm79%hcA^X?iXZ8UdIZtdZCioB-Hu!uq^e3ACT$1O
zbfvnis_*=e(NPU(A~HHMV6-))rEOSE`|eD;izqi?%?a9*m+PSHfKE0u&MYl+=G=;W
zbreX(Ti<#Gciz5>@kWD}4j$w5nbTTWoAR+4X=^z<IZ3Nt=isq(eEQ2T^4zf{VrH6A
z1#6pY?B6@h_kZ}^-1)}qK|`!*hm<TWleK=w``^mfU3ren27k;|BTsX6`#$!xk22yG
z8LmG|!`I|`0+|fbX{;_pECktMtY|A5WS#{fmS{Md#Z)g=7nTA`tAS-5d#vaTYF%s3
zYG=sudZA6hKxIQw$&y~e(h<eVdXC%jAYv|-lJ+&Xy(XoEGV;8nr4@fvEBwSLjJ6}S
zTEtu_l|;PHXf$eM&f!7A>nTexwMAi~ZjsU6|6V%U4xShAeebxiw!zV3XXt6`S@$E{
zdfgtH^&zh2*nim`8gjyOGgCTGA0rgT<If)E%g>#M+6+a=D7Cot^^$h$b(irE1@f+)
z6Ql*)X-1YpsT>X{iy@oK7bw>ckrii|8r;ix{}J+&f5bC?^3Pd({L@nM7^TkdV_6c#
zGceRzG^EfkZH0&04)^pD)g6?iV~N#`z>1C~Ryzf2-I6r{zN+)46}>_%OBt(c#`;Fa
z=4OL#&(qb;ZYaK`rjeEmT&5}FNcNG4S1vPCJdpz3QRJ03Ix1H(<>U{YT#93I0$L5j
z#V7?x31VL84X@NGU=ZLkAfyEirqm1x;Brm93)C0C#7?=TwCm~Vpvu&JSM&4e$#bl(
zud}wc%CuIwxrHf07&0R_(r%CIWV6ec?t6mAUp&v$+~s0dqdVx~4Zh{QZ{mI5a3k%k
zpx^0HY8SQHS!Yvw`Xrr?5eb1=E~Q1fWnXK`BA@@lmzkN%xN*O6_PIa7>pf)<2YL@F
z<u0gzUf(EL70@dyL1#db3m0H%sbp<^s5%8fI7YRMsSACtjxw^SZw4rzZR0lcIFY5n
z;t-s|O%{Tw6@T+e6)xs#e3Cs-Nc-s{_NKOr>BIKM=8%B^7sBb51xv7%p^lpe^yIsP
zW=7(kNUa$Z8r0CU<Ysl03;PyIcFm7gJ{sp#9yp|#u(;NhJ8+_0{UR^}2M(R%?uTFE
z+`1I)Yg&H?tgLUy00Ij#in4oNmbT7NJ~zoX?Dklf#V=ntr+0~-hM6GJNMsdZ7&vwO
z3=iJ-0N3AmExRwfj>WaJ<Yzuh`@-FNS#z9U?y`8H&*Eaq@^X*@B5OLw+2{lvPn2|r
zMI~3%8c+>BYLtox0bW`mxf7KNgD8dNHk^_{IjEj1rGW5vD4?pd-6RF+3`65(dC5ou
zU04R~^4RPSWl=%wObSB#_rPY)Slxj2j%ivZa<XiNYqFSPl!?o}h3OsFVC5zcKX-_e
z%Y6pJE@fGYkEb<u8)r5~aE&@slQRsoz@9tXk%9xx%Yx-jdTX2X*ZW*|*&GX#bq?zD
z=a;|ouoQJv2C&S^>I$V!E4>!TphLTe$x<VI0r&h1hj`+Nr@7-zcksH`-9}IHT5RI=
z{kOkykXCU@8-$$Bz!=Er67>Ueb%n6*S8^u2gC0>tP+>@A!a-gjYJCWDUNHfuei4}V
z3eG7vQP4b)#;Q6RcD3k4s_N)cR8N!^a|?+DQLBF`8Wv9PHAYap>R+{@I<|_U<ca7U
zt5VeRa><Hj#fp@X6w)~VMY0!vl_#Ehn$LXxN!C|~T()bBnike>uSaiVlY!14!uUe9
zE^PJ&ymaimUaZz}xg$7}k_U7zoZ<ExX1Mz5os3RQ(`w4kb~bqU;m3LU*_Y^S76gs2
zC}pjh4Fk={et*E@Pd?4FFTB7T1^#81?bqxWaKjDz*{c`2GiNX0dl$I9^?9xx{VSS&
z2_O69woa1{Xf24Lq1{(QBMw9jz6>R$z)w4&5M|{`3m60`QHn{*K<J?sW=0f7QSE}#
zuF3>yLJ!>u^q>$6yrQv`sRnFu6e|Ioo??WkDpH-OI1(T#BdBgrdZ^RGURltM8L@ks
z`kDXAkthB=pa0_LdGWbLuDtX6x%1opEhG5|6C-tPM{Bai4u_8&WM#dpQ%J{)N6zu&
zODE{cqA*z7lzVFA+;U5kEB9;gn}J6jdzqKd82fH}A6aXf1KOJ2|Ijn~E_{w*x8UGQ
zM|k@AgWUJfV^Zn~-to4#vU~Rqv2$ABTiP^0TFA$Bp0ug4JpKG3c7_AIA^#jVH$Kfx
z`JZxw|3hvX{Y%Ee(;Ru|*XXYu1Dyj!z1gNQM~ydV{6Pvx-XaQznDVN0NsyAF2w{gV
zAE4R=rI}HYGG#D&rn}_gaYGa%DoXhRU-2MHc_~PtDPrm@CXiGu@hg*XXmASa7yg{J
zul*Fy-1p!4+QX*_t*g27pZ+p8z59D<?0F|#`QvOBQ;f;wTz}0jcIzzV?5QQz`-W*}
zl?1gkkp3pSCmX!yZ8x(pH_!Pq1HSUrM>%7c^Ue?d7vAtK|Asfd_s7|>a~DgC=lR;B
zdNY3VC{H|pl!qUGTJEsNJHPIoOpLVYcQ?svIWIi_5>Gzy0*mL@*z9(+9`)q+H|67V
zhW&HY2dAKaMjuzs;TE6c$OAu3bLFc{YKPV<goj*IECUH(q<}4eqhJxj!UP#36)wV5
zp-M>jR367Fu+ozXaHq;9QnoTu)e_S>p@eRkhRRG#s*co|i8PI5NkJ<*BBhiU@D#4W
z*x(@J$9{tgkN+W$JoN%Ep6GDJo&SipefW2n-1}w*-3{V!5x?VR8rS|yCZ=`}Y4i9?
zFUcZ@Z1yFz#?fxJ7|InbOi$?J%ADFQa_GP*zHr}D)b@QNU-w<V$;kYEhMh(B+;SIp
zeb29R`Rl%szP5`;Po1MDSGjNRZodAmw=>eL<DJ6{@$3;pq}2AXzge<lW|C{Kn&6H%
zT!G1bl;$+rjN#Dasv=*#?_r8nxbx22xoPZ+T<NuqWhhhzU<JfWC|SF(Fe$+_Ds@K!
zUYa5*Kd6<wDIj-q(c00KD#F%N9IMJvOroqjZimX$9mPT<W{48gQgwp7Wmc@SaQ@Tu
zUix{ya_{H3`>`W5M{naDAN&v8_^ux%Xkf#xe7a=<V^S9N5R)r^tglgr`0t;6K%XI(
z*gSt!%E?(<UzX3cY9VfqHPklaQGFMFK%W$^efuYP{Re)QkkwRo1E<r}qT6L;Vi$LQ
z@RPj$8-Gv>`WU&u>1b<u^!RaY6r@oQ4ngb02K)By;JWKCQy(RrjSck^+1Ti*p8|wf
zU)$JXSm>+WGulY3bNd@^q8#+u=$vDxzn6XWd&EoqYhw_!We#aJB$5K-HeH%0;7C_A
za9a_9sE&}9Qu<YjiU!rcNTuRYbTO?Ksfxf4^chH<rFq(G_tJdn7kK{RKhj5zXE}1R
z&-L&8r@ZY$|Bi`Ww^DAblSxsoHiA=|*5V)1dH%Qf(%oO?uO2?cm2dhmcYVVTF<M_`
zex@(odd!TG@iwmI`Li!R!J(BlcYWwTbJN@ZiO!7%8b~0^bG*yQT@w>vz6jj*^&jHB
zAO3mf_uL?tvn<6u%_EOL$@1E|HW8)jdzO}0_><3kj^)jDeXkwz*ki|d_>t%EnW@fD
z;6`40>17=s^m*%B->SpEQAS2un(YnMHyWI0${!|_HBpWw(1nR<?gY8tNWc=>+hhqd
zA)9U|E|`8U6;=vJ;FchNdy!0KCcsSAzeOq+)ATkMHRURPR-+|fId<;%IQ`^r@WuP?
z<H1KyF*0{E@A~fF<oY-M03E?p^jBrAIWcb&m!HBP{6#Jt_*1_6;FFwMuU9kVrf>Ku
zE_?I8;EwnFkWLu~?A%e;i`bZ?i`;+zGmOvO$anqFAF^=u+vxX~1yoL+)o|u<&S74Z
zIh+*IlTY7u<?Y=1{$FMM>hEA&3;mfBC%NyzM>%ow488t<ayaC=y}KD{c-FK7o0@HN
z^UYV$-xvyq$gyK5ICu6Ox88OOQ+gY3j*RIYrX{MYubkT80#{|9<MPIXwA`xN<hW47
zf>+#Qu}+jCG}$p1iHNVTjKbBah7=J+TX&4A@V8P@OtEeKsxROz3<%;{%GXV7JVfj8
z@AA~WpOIgFiIqW(H@@rpx$A%Z6-MW;qt{!(OQ}WH6c3nQ{VaCqH~88^_wtty9i%@0
zb$s(b`#pBw^z{rnD-?qzu7BINaoyWK!a#4d{k26#W-jAjeB`(I(VzJ}S~I(3eXC@7
ztpeSd;k-;q;3G0;3OwG|#Y?kDhjgu*ew6m>{}q!{yBYS^c=*w0c=GAzNbeuBQ)9HX
zv&vk~^i)k&Ue{JPaNxi}o__jSZoKJ6W~Qex?{PlU`UK8p)EX_KQ(e9JPlqSDuJ%8f
z%b#Sbb}!TU6YR>r!n8d>29$DHA*|yCd@^L^;IN>gfc*{76W|w>Q3|wV^#Yy%0-wZ0
zQ@uSr#N377;oRf@g}=J*QC@iYEc>s16L)^-H)X{is-|$+Tf(vdMOLR-oMivfZ?g8>
zAMns)FLH9R%N=k3alZaTzeZzpfik%#??{Jk{lOYn-u_M8{PiDYeDAyXCqMFwyzb6#
z#MPW${JPX?4a_+KVHKGfieR>tb{9hdmZ3bYOU+&HrS;}tpuPW2S~bss7mx9UuRNk-
z>_s}-uCA`F@yz1~bsD?OVOjn&&%DTW*Ivi?_z3A=L*_nb>xz;g2n{3cq@1C#8e!03
zr`^x4@(~tv)-*kMlCkdpWc=)Z<)zPkf^*OPU-+yh3`<E=YNl*sYMK(Sp^9}-rHE6R
zQyT3SqW1N{Hz91Y`Rwnq{Luf-!w-IyyB~RhZpgXy8-9e>f7>r;;oGUhrwdivsQNxO
zn7;5ZW5<4zN51wYK6B3@dTt-@`rvPK?Yq94qTC>a9$pq51uEvrWxaj5kR4aQh4+8o
z&oinW(rRZ7Z-y7B&U>8dCMB5jAZdLfq2bLbhU$8pGn{wgSJT?i!H?`?_H{o?`?`Nh
zULRpor<adB{sIp__6!$RS2%fci3jd`oM)eYo@=kUhP`|Dl6WM4zNvL0YOzglpet%t
z5BfcV)|`Z2S(s*&(d{^vmpUw-S)<=+@!a!&rT3Q=rgy$a7<!Hs000mGNkl<ZuW|#~
zZxjXb4JI~0i4xLmut>V1K#x@~B|&+Cr1^*e*c2!0)InH!mX*gp#j)r92lqdIm?!iJ
zaN(M_a@V*1I(u*a0KMTRLAwNvURK|R;sULc{|B8H|9~&u^EjV>>I74_zMJ>{liy%|
z->v!zwn5Z_XPNBOdz{a}IlMsinHOk<>U6XumG~^j%y6PKm7TdNp3=^3=WpkkLgiq9
zs#oOXE_@tnOeLdN|5J9o_1`eP>nfTfL)KQibo4ni=CC>F3i#bze))cq-_C0_8AzZg
zN*zNKRiBA(+W$x8RdE?8T6ht5rZDKRZ=i$1!-tM=^5s?by#7Np=k^k{=9sBP1m~;O
zI!K@ZY*SK%Qi)Lzv)DTi-9waG@Rp8#iSGF?v$)ph@VPE!ZG_jq^GCShy&oq|jL`2b
zlgph20asds(e)=7IrQs1_r%@&nHIj|Ix~OI`~NlXdEd`M-qe<F4KKhi1=1%Vy~Ct#
z>7EqxmVkD6<(iqE4yUjpr?@kmLQ`m_a*<Qqxro_TS`E+vElA1UiEFq(d&eE@f5$H~
zdhPp|nrzdO+{0n1bz*{RuDue|>uN(UhbBXfa=WRIflh7vGBAsgT=g@TNjXu{CMrqB
z>%6O!wXQ?U11}z6Z10=ddDS;F?5$&|ZzP7u#k4xBsnfBk34aTvCPE<^g4~UBIqv)y
z*gW_LEWYq*I;S5-N9&AE?&Y#;-pO6x`HNg}^Sfp7nub~|H7vQE5nS12YVD74M}M0K
z?ms~KPCK*jX1?Kj{xetK_MKXkOH>h;)o^BH=I|otjP&!)D?gIz#FVEp6FJq5G8FCf
z5FV(8hLLX5L!^vUZ;QYziVWuxe^WnE{ivR0c&$mqHOl%pyKnq)#%}#*v}fm-Y}V**
zbb02fXZ2>>V`HO3G3?8QAzUPPSu&K{>FKS!P~3zO=8=v7r@o9e9jSM<!#a5IC>wc;
zJ#YG7)z)FEu_aTIE2_2xL}aq`Y6d7S<W<d6(~f1>Il-B=LG>>_)|Sq*sZ+_*Cr=Rd
z5oFKhS5U9#47z=?H2s{|*P1l?FEM}icR2IhXZhTNCpod$;q`ZYkavFDZ!)2sOt-s;
zK15)uUkT&3g>g`&Wp$dGSo)daQhutd&^gUkAs^Cc)h@}tMSzSc>V>P4-vX~(YLj?~
z9j@YM;^{C;VIA)Z3Mpc8@BhNg8$U^F$2GM4fRj4(f8cA6a!6n0&M&U$h+>1(mzrt(
zQi5DbPcMC;EKr6hjl(ez@L86#q@&`Mvuj*)>vuCcv7a)m5gjs`$i+*^6jg?VPXj<Z
z94D*92AnzmC0>5?4>@z}P<2kS(b>?}Z<B_$URcHpPdvz@_y0b=p}}S?qGn9_@_!>c
z_Fs79k*B!tt4CyAv)uXNPwMUWdl?G2a@fIqf))V~MPZv#8UeFKS(eHShhc_DX^CzE
zy(~N?M4bm`%D+e|hoH)`(iB!{!z)yE@ix^r@lxm#IlOI!XrmD1vs<H=GyR57(7xe2
z7;CrjdbxV(@JU`ge3Y{~D_U9AY|s}ra9dr;aF>@CNgsYp<117)6m6{cId${|lh?kP
zg{$9H%^18V8HY(8MXFm|QWz0>Qm#qJHr<tj9Delw$B7s2lXVZ|a!LwKwPtIC`MCu(
zkGy!`InG~L;_RX4Idb43ed2qW^(X&5FFo>U{_4T!IdJd<yKegi-uA&?Vqw3|eB=vV
zvd$!g25;(Fw}#>H>8A{*lvju;Cv(*p&CnGq(DYE;B#SIgQh19vm8&KwMD0w3t|&0T
z@XGh5P;n>TUJbk&B*l5<D+@D~i<}AqJqn*Qdi{4x{*Td+t8KL+=a*J^PDj|MPM>3C
zX`S`84btC@c6H`n3Y!?IHVOS+m$Zhwbl`b<ev+NH{zIx+nPg3UOFpN*lI)2jN}vKi
z`LVc3Yw0sAz3>@IeP3;9pWT<k&$5hNyLU4?JInd=iyS+8j17I6DYYG|%M90^`7~!A
z_}@5p{AnEtFKU7Aa{GIKm^;4t$7wX06ul1KISmwrA_-t}3npt;Hs*{JYW%MNn!6I?
zl1nZnS&q2q#Vo~292#}X7iF5kLmk{zS$c@I+DD=WuER=&sGle@oQWKm%A7Oxorp?V
znZ}b#c}_Fc?YfbLxBR#c4d25^tB#=HiKh<eTf$4M=#y#sx6eJD6PZaKX`rWdAp*ya
zoMdtF0t>glU)%93iJB44IUI&lT?56eBIhKy7r^=IOO%KH6UU$Ug0@W0Y3g<KW>{lv
zWQ09?_G;@@QvHXi=g$%3`}9Unt5HfRB@KN%KYVDF7f!4)ws0Ho{YSsbzBha;J$*vb
z7|FakSHyXf0BE35p~!(b!wD@*3h@G6VUnq)b-)CKtV4pPr^=FBQJ&7!Djs5orfo%;
zl+f!JQjU^l%8qImkP4{Q3zfUnpF&fADegUz!^F#psEi{s$Rty)3b{5FzB$RnZQsxI
zjsF-ggH%mUoLbS_@ewX8b=g#(rFN35>ua1lx6IPYM)eO9+n2qK*~{Ke9IoTN))~p<
zO=C{vz`W#3atIsDObf2@(t%^#_rhT<x;?DEK&>^&)YLeqPM+kzbI;3<btz=^jofp?
zb))RrQDZ0}kDfTo;>sphzwrZn(|3H5+4*ZUgF58$<6eW&Sn$rVWw8R&fj1{Ik%SUV
zsZ7}_1PO$yS8*r6(Pg5P-z_r@dO!lmD=!my6?*m6*Y<H;->AW)s)DqI7VE0t#LrAE
z1VB=NsWWpP@0|dTC=eN@h&hGM<6I4w6jt^az49B`|E^Cmw&ynTddY@9hd%!FiyS_F
znq_^ze&(5%H9HQH-kfPovHx`+#0hwlfKFtoYw`7FIJT~|AUkhPJH0+}=2|9S_g%Dh
zU&%YZ^<Qz@UEfF9nBdvRpJMUsdAu`<fl<$E+;qzru~)KrZj()I(FVT7o4)NM+;P_r
zP&m&ZY>;`6^QO>|Y4qNKvJ{UZ!<06IWc@B#y~s3J6y|P7T{{!g0%w9!m?_&-*Vw4G
zehx1e6;mB2OA^XXmCSjT*Y%PmcVJSSDIc|uvd~s;q<_TWmG<h`iIPS7)ZUx;NftwW
zh@X^cKE+LGkMl|lHfc{?!!_^uDdukcc4E7UcgB&UXY~gC5=(168m$IVGh+6Z573y}
zi|GZ;>mA2m<nO@LMsT1&WVn>b#6J`p?7!+QyzkpT#ooQw(JhwParqrIX7(wrg{23(
z7aZSk=RVrnavp#A0+;Qd<}J5e&b!|GL+ro#E`8Bj!txTAIWac8v#kz2IJp-maMOS@
zg_#DP$<27h)0R`%;bkexW~>oKUOT%0Qc40+vdaw?EUym5v&7^&5jl|;IRa@MX`8&!
z8LGdC^nh1>41s12qjH&EimBX;K`!1-RJnr+B*RJOOyniAuksvOCdwt8-fc2UuDbo7
z=y?63G$&?h)s>^2qt6POS(oW+ZfDok-zYcT$9s>rD4<ceMb07l6<3(#a9OIL4xKu4
zaiB3pxs^W2a+-}gZ~c~k%-q5rZo77jH{P;`lSj{R_r1?@YAq5buHnU(H*k%NSoEp+
znmTo4;<sh>_DaWD5=Qw+DVZr>NGFB3)W0k>g<f;g%lfA#JwjNyR9D(Xm=t(nsifC4
zGVgFI%`k;l^&!@nll7Wo@xqX938_sK;Hhp>*!XA@1fWSNsXtRAC-R~!jX!hvL@8|^
zr@So1ovZrHGzMo*Zn(qDp4V~Hdw-4{SKrR=J-fL2*6$#U%rSGrx8o5GGAu<<b&?Xi
zp%AwEWjkN#Oj9{?kf~;6k$EJY_%-!85t-!JaG7tqZ6~vnf&1@!hR2>dNH%+=K5~3a
zAHe@1w|vvbn7`sCU_ecbY7PmD{C^OifR~l0J$>#YTI-dTMQDmw`6(}vlOR$=h+SqT
zU_!@7K~@!I*`|CG2ut$0$-Ov@B;}=<ld0T`61XNyc5+!>N*HK{o<29E9~>sjj4Dfq
zW@EyCvhAe00xw0IK=PtY<ta>*slTKU?<A8moJVzyTyYH#uL5851RX}^qvKqD#}9DX
zn?9l~>j$~=ou8uJp2uvBTJF(ZVc{jS*EqdLX~RoKCo+*s(?7X`+<~tuD$G3Ib+L1I
zvvlxJdGx>mzVOf?PFz^w>O0=cKlsNVXV+y{;&Nj&y%%U7Tz8I|gv=GDj&lK@t5eBJ
zu8#6FP^G0)34!>VtRaOcjAVM7oF6M$n5bc8Ak9FNzyn$A*`>(hs^MfD-WQ|+WEH<s
zyn+Z(B;|Qm;`6{z{LV@V-GTT^F4IiNVvo6*NL`C4x?GYc@zIP(R=U+bP#L1i1Oo|^
z6lUU48Bk^_H*yWq>s&Kv*5?zu8OA>K#wY@myq4o-WSMzcy;GiTQ<4QLUKUB?aNc<V
zkSd^AU}`|cd~NY*PCoNxo`3cvPd<B)n$An!{p~->JN}n{rg%fsun;3prUkAc$?_yv
z21(dF32RQg1d4%E8lOT(=A1e<5f!09xNIn3GUg{5IPvr5WThFKosx5lJ=S#8Vd_J|
zN|`1()z-u#k(8STlE|gFfkS29NyfnWbA49UqmBV0$kKBuXUB}ET{9&EZX1Y9yfXEh
zOTH@ZO!7(oR}_KL7b%q)x%bpWX(rY(kCP%ZrJdTEj9Jj)93(}jxTSo_s6cf=T`M$2
zRLN2*#U)5OmmgcWg%h1N&mBF&zH4vb{U81)SKjgt9n%gWN-%Ypshw9xCT*vVOzA|a
zv(%}1Km$l=FTPIhq9O@uvb;3-iI!vkv}3l7rgfyyN9~o(E@v-n>V>Wpa5-saC8526
z7l^*%6EMZOgiM30>PQZ+@%YRr)%k_Zz?sznYnvs*p=PaQ+CQ7IFz%@5Lwu4Yk@Az=
zmAg>dSNtMrY>CoXy>qH>$`e)fr9>%Pw-jP{4=J7~@lyAy3s&Vv$&b=%BN>yyxb(GN
z=EkL$@ReX~-u#~L;m&XUUcT`=e}a*jEA&x&lT4gVT*VLZ01Y%&q$q}&NDNJR7|5ha
z@l@C3qfI-Kq(Efpf(HcPdOvb%r4UF3r_c9TTp4Ib1woydmFh<Vr*@(!mvkvnT~W_%
zlJIFQaH{8$9MW9!>qTi?*a)1u(C5T*$$6c2`h37>JHtt9QAUC4C*DYQlfY_<(?dhT
zl=d2X8o!t2RiWf_a<xv1$W$+puR^C;>PhiRA>!}ND)2K43LS}`bArdrFf}qWkkE<D
zOg?nT$k;4*y!m~y%%;Bb^u#b17=}}M1cEbxOTswGT#2vj>K4|j5RoB~Ko0^u{mDwH
zQd3PYpiGqhSCggHz>2K2qm$O5zN(qk5C+5|5Oj`EidoR2oG5K6w-hJ|)ZWDR6{-}Z
zHUhI$Jm_d0tp(|{GOBLG&~l|Oby4pNk+X}Dm6cMnE=sCMdS8%eilrEKq5uE{$w@>(
zRBzuB!YpWjBE?C4iMJP@GzQbU;-cRM)DSRS#Ih<^T_ii&6j<s)kB}&JqI8l;ldM#E
zNlGBbTcoEsP5+W^cOAsYq%QTRI08ql*}6<^Y%BVjr-oCd6W>q`KB!y4uR%l!lqg8J
zklKrZQy;0Hs4%Kd5P%ok2DMLgF`dF!DAn60#4k})nCgcr3>u%fzEUTuNA;>c6{$=v
zNS;bqJ))#c?W1If>NllLVP!~akeVeqRrQs7D=#V?MCn#sK&Keuhk8l;g5;@qCf+Ge
z<U&eR!l@BXZ4xO+w>X=CSHBgTbOfKW|KE_MMyePkd=MooM*Ya76_jk{MTG(=6a-mo
zRV*+PAgSHoMX7BnOW|Lqi}@-1yD0Gw>MT)I7`K6uxVj^;nr)@V9FaK4CMvSvl&30b
zRw#Jwo$%YDSe2)ELcvrms-5@=2i;W~;g0$h+PYI6HHxXX)J|2>Z2~bV@?w^zOUf2A
z1!g!Af9<+Bn3#InZfJ^|TnRD|MWy$ky^j*&WNL3_m?cu;uic5y-$p@<{=WQ6+5Gi-
zuaqVE5=pR_K-UH!DWwz+A(6Jjrm(8-qiP96rKK|x&njP!C@@o6A}K$Ra7^u^Dh5$Z
zuA?GV)*S?V6dzNW&{qzY9*~rvZV)h3p_pwKamiI>#aPu!*{Sna>MK84dnt=f6x31b
zEK#akk?Nq%qv&E7lTa0jugc@!LqYAL_@?l+6vZx4sKUe}m8bBv6o?gQuZBT=CyL5X
zMwh5+qkhsrQ#?qfL@ACkquNB(kIKJDLGeTv)31hVA!R4I5znZ$sa~akBxFz~73iuZ
z=7^%ChzcvvE_tLHDH+w-t0e0X(<+?+QaoG?UsEq`sXO&2N_B$jma1FDrMRG#GANA7
zkFT^9f7OYJl$YAPS|%x#7pwXS)RYb+ezD3==}SqxQeBNVCQ@8%Q2^@Ksf~udC1-?+
zhh$Yu!;V{N)rnPuOVe9%RnWa1Pc2ke8A7sRCOg;cS6-=3Tuh8pzKVmUiJGado~l4d
z1)>ygQ%w2WOjA5;r>kN;;wu&*aaFbjLJ)Tdsk|Zya0w5TXQC8x5s5T7ff3{yN;#}3
zpd>j+Xp}~djKo#qQC*2=p_mr>RQHuS>O1`zN+R)#T5q_tuPP3vel5jy9#sXBJ+Ti8
zgJh{lb%H2XV=RPIKuLx16;ed^D?(NAluFXY#7nZhV%S<#UCK<9I!mGIq-fPp4@{k3
z9B5*+RVT$z_EyJ1jdZK}RyqotxZN(QV2eUkp6XsYz|>hP7q{w;YL^Iw)nGNkm?)(y
zDhVkRlT;q0piuel?fj~2J6_d^+RaH+#YqZ~JXO1j=eE4ciz<&P6orda)d^gzkHAZ$
zVzwx?4~nPo64FR6@~V&$A4??JQogz(QQ}p(pp=<N?OtJaX}s!e3#pX-N}Z~W3R75-
zN~;c&g;Yx5HFaYpKwxV?QNV;Mo(3PZ;H7-AsBW>X+9F9!6iP=(p$4K`aR}lUVgfr+
zB*>zwIw`-3tB%?vUMNHgP^YB+DpEmAq_QehJR}N%C?1JI6^~nKDIg}&Afx!Js!%Ca
z7GFb3=uVZk@|BPwYj#T3s*T#Jp|VT<9{>OV|NkR%8IJ$}00v1!K~w_(&WYvuDSV$r
P00000NkvXXu0mjfc?JIO

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/alex's.png b/packages/ui/src/components/servers/server-list-empty/grid-images/alex's.png
new file mode 100644
index 0000000000000000000000000000000000000000..127cab4c74749442206058ffaca445ee7da2d357
GIT binary patch
literal 19570
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/artifacts.png b/packages/ui/src/components/servers/server-list-empty/grid-images/artifacts.png
new file mode 100644
index 0000000000000000000000000000000000000000..16a01a82013ffa00a69d7b639248343dd6c2ada9
GIT binary patch
literal 704
zcmeAS@N?(olHy`uVBq!ia0y~yU|a&iEX+WWo+KYOAf+4N6XN<G2(B=kUSAP<{OQK&
zsVn;97Is9cFTP#c9;n=UyeY>mq1+)N+aVy@BEehl%lhn{3=B+uo-U3d6}R5rb<90%
zAkp?PP@*+RqcwnoHCO}4U=8K~v6FASeSLIOQ0Ap&KPumE`}8D3_1}IK&q;9fY~8#y
z+rQ15fChd|xP3BfxqH=8cPCUZtJ$PY=kT=>@9$r{?!TNT$B7DFRxL41kqxt2`*Nb!
zE7>(Qswya8Nu}pw=P9>V9=~&0`)Ug+Fp++#v!ry@%b9&4LEavyVDrRlA(w8pzjVxs
z5*9)Mm!^8254k+)TB7dT%-2_%r=XhIQj&UUT9nqxWs}a;o!Yqk-mP*}b3KYDWJ&ci
z%l^*`x-{{ac;Xdw?Y5UD&daQ+eWp9r#4bnka1?4_IPH>qd3WBnE%VltMfta(>NR0s
zxl}p#<>!mCs=9N%(Dcn}E?J`bc4f(};P*#$R+ga4_FlQ9E1T(EZFTA9!^Q8j(50J0
zF8?q(Q?5H#bt<ZzEhf?{mzrKp)UDmejS@;imt>Y0=H1DE--N2+%XdgZSW<tLUuAt!
V{gIelMPQO-@O1TaS?83{1OUt{C4T?_

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/biomes.png b/packages/ui/src/components/servers/server-list-empty/grid-images/biomes.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eb4cae05346123f9981f2b500d7986055d34b31
GIT binary patch
literal 1167
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7Ro>U~%zuaSW+od^6{?cW9u<vFoK_
zfp_N#giT9HlUyRk(dg00SH&a6`tZoS!++eB3WWYKp5@Jcu%L0WhU?*3E*G4uI~HZ8
zX)Rs8yRB&d-O}oB`%bT(|3iAqyPMf_KmWb4!E#pWA^poN8V5}31i2P4JZ9-RUd$fQ
zP{?%b@%6iWJ8s^bdE|)2`#m3D`#Ic`&HKQ_D#5*sfy=-nLALh^pTRW2SclVdm$5vw
zdKr_OH*H4DyB8h;Q`4h_TypF$vL2~x2zu|&c#KW6fvHE>K<>QkhCr4r_j0`iLV2e)
zNmOsv>G-^Lt5B0We>H32?!B=BS9#YqIjAeIZT)miRzT~d>9>UqrflL_k%Fu(yPo!5
zZD;DK4RTn?>7XvV_Nqx3x6<spiXERGhc;#G{^}sGZq9|RQMdO!Z&0{!(j$A_zZWS>
zOl>(8V`^hc-!X(6xvmO!nAlX-yAXq2&3$6ZRL-Q^*L0g!Sl4+8=!(0u7Oq(4CQ!A>
z@k;D3m5w+6)_~1i(SA)!Dvmqp`$0p;A643)V-LLkE2L3k$|~Ze@#(pUfaL?Hx0(wA
zoF>{YZ#cmyp7ma&p>Dc+cJ=9U&P5j%T&=6yv@TxY`MMsiq!%v*9ew)!xet}f0}YM2
z9zNGrtK-zK!<>h%9@jjuwc+aq&H#rSHhXsmHk79%iX*ctxFh1cSPZ{c#|gwQJ9eZ!
z{&R6tgx56Ih3^YLo%n0QvzPtSt&PXTn=X8}>)25Ey!^A+g!@fXO@QXj`ogqkX#<1e
zvP?(D%uC!GrZF+K%vjdCy+Os3W#f(w8XYTd%0D{%XFjVV&$kc`Cx0`JaE)Je><@R@
zmEDbYcq4r)=db308y2jP)WQ6Y;jy~r#g7MB7EGRa?bv=_u1D`bO;RY~W!n4x;w<g*
zFP9D0zLYw0<;E6;n7__fn>jg3ooBD*XO)m%4op9O2P$mJ4^)X>xP5iH;~x1R8XYq~
z&TlHPjlcgmx2YiZ{VM<JfB(+Ec~b7Ur#4QnL-Kg>-Wns74*q6k$(Gmub~4AD6j|xV
z=*o4=w2dj|<eE+Mz8P_O%uYD<Rb+zEfi0)cvgF*~=`R3E0wqO1<KMd7&U9Sx|NT<a
z68)&jC*sqXl<dP#ZduNd94g|#c#Kn`|2dzADI>G(VM&%M`z5B=cTah<(9ZEn+z+je
z>hIA<*#Am9a9sa;=9~`)$ahjz_ZOSS&%eXCuakA(J`+|JzJr@&StFLspY6-IQ$T0G
z<^iL>citp0fzn}>(5FQIqos~}q$CC9U#*`j&@wMU;Qg=poWStyh$(a22Mm}Z^Vu6X
zStYy?0pljVKwVM3YWFS`wHGdnw|1UCED6j}a@Gpp*5;i1Cz9}HE|bOq3&zJE?=XsN
zFlzkw?wyZMnBV6A;^hq+nNhMa>#^hie#iq$lmGwk#k*YwGT1=n2{S{Yhc6GiK$I|0
Ogu&C*&t;ucLK6V*)(SoV

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/catac.png b/packages/ui/src/components/servers/server-list-empty/grid-images/catac.png
new file mode 100644
index 0000000000000000000000000000000000000000..3aba1b35cc7e808472919a4b3634b35b7e1acc24
GIT binary patch
literal 12710
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/cobble.png b/packages/ui/src/components/servers/server-list-empty/grid-images/cobble.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cf89640a2ea9ad9724f8836dfb89c479e20a6b7
GIT binary patch
literal 17701
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/comforts.png b/packages/ui/src/components/servers/server-list-empty/grid-images/comforts.png
new file mode 100644
index 0000000000000000000000000000000000000000..b100ea6f56b3923aab83bafaf701102260b13d4b
GIT binary patch
literal 990
zcmeAS@N?(olHy`uVBq!ia0y~yV4MKL9LzwG?TN?!0V&4fAa^H*b?0PW0y%R6d_r7-
z^x3VAdl%=-Z}B~m6y0AHxi30&cVy_!h>#r-A)CU2H--jp2n}8r8oV|ncvW!F@}Qt;
zfqwg~jk|rlcbMpGHPp-uF<!5ywq93tjgHD1ZIv~eO3O8smuV_3Qde52t~6Iwakh%$
z1Vx2@1%-MQ`Eq&5GC9c-S;=Bq$s$<^M-#<D8HoaEiF|2^JZbS9De+86@eE1vOhKU_
z9-i%YgO4*XFn#cJaSW-r_4ZbzACsd<+r==ew>Gmijxj#s;k)s!K7ZYV{xF3S<>z~x
zwf<h+>mSMp^b!~xsJi9(D#>@#)HiC?CliaN$f#7GEG(KbM>RBPcja6G7XcPQ7DpCG
z0Y?ES1rdQtTnn7sGdZwmCeP&CDRW}f4?kIU!?kGM9u>7Cr<{OVP}HItVzqt#mZNG%
zZzcV;x$2zcv_=Q7JuC~0bBm&K7T?I+SU2yLwV`5|SQAH+LX$#=0*q4P0EuuwsHP1~
zj%=YD43Ed3&EM*`^`)N}$SojWz&!-F4<hj+cJG1j1!o`4TVlGmM&tSn0c~z1#aMhF
z*{<OGD0>#fNPH$EtaPkl!fz(-pl)GZxjLy?HAMc)Cp|u&j;XD1pJEMyHFK&Y?JXmZ
zZJbu9C7hJ12o4)?XaU0qqyrjEz|aHo|DUM4BsN<lyZh_skjqC}A|g?xVH#lioStu+
z-2KF6r`Nj4yHn=eQD6K-O;T-fQhz7s#!U#%qJ=M5qUGFN75S6tpJwb)zx>3q(qrDF
z^(oW#sIEV$vvSg{vzw80V+n9U7Fe2Pc(A^Xfx}h9eQjHmHAv9Y)z4*}Q$iB}ILILB

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/create.png b/packages/ui/src/components/servers/server-list-empty/grid-images/create.png
new file mode 100644
index 0000000000000000000000000000000000000000..4184d9201e858cd075355be0301590a82afaaa25
GIT binary patch
literal 22270
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/create1.png b/packages/ui/src/components/servers/server-list-empty/grid-images/create1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f56858824aa011941ad7c68c4171022cc8b54d9f
GIT binary patch
literal 20019
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
O0000<MNUMnLSTaGF`*6s

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/create2.png b/packages/ui/src/components/servers/server-list-empty/grid-images/create2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddc458540de9abaa522861c218c23d6ad8f5f73a
GIT binary patch
literal 20355
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/create3.png b/packages/ui/src/components/servers/server-list-empty/grid-images/create3.png
new file mode 100644
index 0000000000000000000000000000000000000000..876fcf343b4f1dc06255b4fbf68d66413b5ed4ae
GIT binary patch
literal 21715
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/creeper.png b/packages/ui/src/components/servers/server-list-empty/grid-images/creeper.png
new file mode 100644
index 0000000000000000000000000000000000000000..65bb7b0b4f7d6c5de555b37e35cfe2abf9aa50e6
GIT binary patch
literal 36105
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
Cq<O>u

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/friends.png b/packages/ui/src/components/servers/server-list-empty/grid-images/friends.png
new file mode 100644
index 0000000000000000000000000000000000000000..af9c8bb5ecfec4a20516dc052a9dadae047d24c8
GIT binary patch
literal 18513
zcmV)CK*GO?P)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h000mGNkl<Zcmbrn
z3AAR{Rp0sF=iYC4V^zIZRVvMsWeM9dI3BPe1``H@F<=vtkWSMHX_~16D_L3H$;!%F
zozO`yI$0ecrXgfbchezY2=i#WF@u3+TiC`1Bg>XGlvFCIhBtr1z324rf4=vsUP-da
zaCP@R=j^kmv-dv3z2B3R{>iIVj^O)W6J-G^-~T$5fBIULcf2~v54<kQJ6^By!@v)H
zzRC{*|MU$i|K}T`{Lt$c@WXFt$`5}*lpp>=m4EhyQGVo4H|0m(Xo&L9-WcVd|7n$f
z^+hWG*O#jN=$EVf81Nqemp}TIQT{#f<6jZw$G<X_pZF@3pLolS@XoJ}^3Jz33vm5K
z;3waj%1?fc%1?f+%1?c59D>SEzfI+5-oAjJru;eDzX<$1^`HHEl_U6>w=a0!`PD*y
zly_DgD(`$t0-93gzg6Ww0zU)IPXj+i{ioj=<>%0Axj&7(pLtu9pZ_`l`PT7#_=T@e
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
Qj{pDw07*qoM6N<$f)nBYbpQYW

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/geo.png b/packages/ui/src/components/servers/server-list-empty/grid-images/geo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9034898cae7b489ff488768238bad14f3d461708
GIT binary patch
literal 18242
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
FV1j0J<30cY

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/naturalist.png b/packages/ui/src/components/servers/server-list-empty/grid-images/naturalist.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0133b97d1620aced533c9667ab25caa080c78f0
GIT binary patch
literal 22716
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
Hu0mjfU?^a8

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/seasons.png b/packages/ui/src/components/servers/server-list-empty/grid-images/seasons.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2abd9b3cf7ccf3e01b7c9b3d814b3eee8d42b87
GIT binary patch
literal 16140
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/travellers.png b/packages/ui/src/components/servers/server-list-empty/grid-images/travellers.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5fa64f6c873dcd9b132040852d0576e6b6e70d0
GIT binary patch
literal 20052
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/tree.png b/packages/ui/src/components/servers/server-list-empty/grid-images/tree.png
new file mode 100644
index 0000000000000000000000000000000000000000..a82b00a9fe5ac3af5db0f6355edb250cb1600f92
GIT binary patch
literal 23739
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/yum1.png b/packages/ui/src/components/servers/server-list-empty/grid-images/yum1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce7b7650bf5910b310d87cebb5d2ba198950b853
GIT binary patch
literal 14167
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

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/yum2.png b/packages/ui/src/components/servers/server-list-empty/grid-images/yum2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2796474c161a61e46618f29a5665b103feb60bb
GIT binary patch
literal 15751
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
FV1fn6GPM8z

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/yum3.png b/packages/ui/src/components/servers/server-list-empty/grid-images/yum3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f99af02229fdbdc656202e16c591df033def206c
GIT binary patch
literal 13945
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
TwLlsI00000NkvXXu0mjfC)u0H

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/servers/server-list-empty/grid-images/yung.png b/packages/ui/src/components/servers/server-list-empty/grid-images/yung.png
new file mode 100644
index 0000000000000000000000000000000000000000..af1df4a19b21b891883b44173e11bb9042f9dd52
GIT binary patch
literal 15455
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
VHNr~l7#;us002ovPDHLkV1g$_r^x^S

literal 0
HcmV?d00001

diff --git a/packages/ui/src/components/settings/LanguageSelector.vue b/packages/ui/src/components/settings/LanguageSelector.vue
index e730f57d7..18e41ff84 100644
--- a/packages/ui/src/components/settings/LanguageSelector.vue
+++ b/packages/ui/src/components/settings/LanguageSelector.vue
@@ -201,7 +201,7 @@ function getCategoryName(category: Category): string {
 
 		<div ref="$languagesList" class="flex flex-col gap-2.5">
 			<template v-for="[category, categoryLocales] in $displayCategories" :key="category">
-				<strong class="mt-4 font-bold">
+				<strong class="mt-4 font-semibold text-contrast">
 					{{ getCategoryName(category) }}
 				</strong>
 
@@ -234,7 +234,7 @@ function getCategoryName(category: Category): string {
 						<RadioButtonIcon v-else class="size-6" />
 
 						<div class="flex flex-1 flex-wrap justify-between gap-x-6">
-							<div class="font-bold">
+							<div class="font-medium">
 								{{ loc.displayName }}
 							</div>
 
diff --git a/packages/ui/src/composables/index.ts b/packages/ui/src/composables/index.ts
index 5d1278a45..c5afc1d09 100644
--- a/packages/ui/src/composables/index.ts
+++ b/packages/ui/src/composables/index.ts
@@ -8,6 +8,11 @@ export * from './i18n'
 export * from './i18n-debug'
 export * from './page-leave-safety'
 export * from './scroll-indicator'
+export * from './server-backup'
+export * from './server-console'
+export * from './server-manage-core-runtime'
 export * from './sticky-observer'
 export * from './terminal'
+export * from './use-server-image'
+export * from './use-server-project'
 export * from './virtual-scroll'
diff --git a/packages/ui/src/composables/modal-stack.ts b/packages/ui/src/composables/modal-stack.ts
index 0db4c377e..7664b490e 100644
--- a/packages/ui/src/composables/modal-stack.ts
+++ b/packages/ui/src/composables/modal-stack.ts
@@ -1,17 +1,26 @@
+import { computed, ref } from 'vue'
+
 const isClient = typeof window !== 'undefined'
 const stack: symbol[] = []
+const stackSizeRef = ref(0)
 
 export function useModalStack() {
 	const id = Symbol()
 
 	function push() {
-		if (isClient && !stack.includes(id)) stack.push(id)
+		if (isClient && !stack.includes(id)) {
+			stack.push(id)
+			stackSizeRef.value = stack.length
+		}
 	}
 
 	function pop() {
 		if (!isClient) return
 		const idx = stack.indexOf(id)
-		if (idx !== -1) stack.splice(idx, 1)
+		if (idx !== -1) {
+			stack.splice(idx, 1)
+			stackSizeRef.value = stack.length
+		}
 	}
 
 	function isTopmost() {
@@ -23,5 +32,7 @@ export function useModalStack() {
 		return isClient ? stack.length : 0
 	}
 
-	return { push, pop, isTopmost, stackSize }
+	const hasModal = computed(() => stackSizeRef.value > 0)
+
+	return { push, pop, isTopmost, stackSize, hasModal }
 }
diff --git a/packages/ui/src/composables/server-backup.ts b/packages/ui/src/composables/server-backup.ts
new file mode 100644
index 000000000..4dd75a546
--- /dev/null
+++ b/packages/ui/src/composables/server-backup.ts
@@ -0,0 +1,54 @@
+import type { Archon } from '@modrinth/api-client'
+
+import { injectModrinthClient } from '../providers/api-client'
+import { injectNotificationManager } from '../providers/web-notifications'
+
+export function useServerBackupDownload() {
+	const client = injectModrinthClient()
+	const { addNotification } = injectNotificationManager()
+
+	function getLatestBackupDownload(
+		serverId: string,
+		serverFullList: Archon.Servers.v1.ServerFull[] | null | undefined,
+	): (() => Promise<void>) | null {
+		const serverFull = serverFullList?.find((s) => s.id === serverId)
+		if (!serverFull) return null
+
+		const activeWorld = serverFull.worlds.find((w) => w.is_active) ?? serverFull.worlds[0]
+		if (!activeWorld?.backups?.length) return null
+
+		const latestBackup = activeWorld.backups
+			.filter((b) => b.status === 'done')
+			.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())[0]
+		if (!latestBackup) return null
+
+		return async () => {
+			try {
+				const server = await client.archon.servers_v0.get(serverId)
+				const kyrosUrl = server.node?.instance
+				const jwt = server.node?.token
+				if (!kyrosUrl || !jwt) {
+					addNotification({
+						title: 'Download unavailable',
+						text: 'Server connection info is not available. Please contact support.',
+						type: 'error',
+					})
+					return
+				}
+
+				window.open(
+					`https://${kyrosUrl}/modrinth/v0/backups/${latestBackup.id}/download?auth=${jwt}`,
+					'_blank',
+				)
+			} catch {
+				addNotification({
+					title: 'Download failed',
+					text: 'An error occurred while trying to download the backup.',
+					type: 'error',
+				})
+			}
+		}
+	}
+
+	return { getLatestBackupDownload }
+}
diff --git a/packages/ui/src/composables/server-console.ts b/packages/ui/src/composables/server-console.ts
new file mode 100644
index 000000000..307c9c329
--- /dev/null
+++ b/packages/ui/src/composables/server-console.ts
@@ -0,0 +1,351 @@
+import { createGlobalState } from '@vueuse/core'
+import { type Ref, shallowRef, triggerRef } from 'vue'
+
+import { detectLogLevel } from '../layouts/shared/console/composables/log-level'
+import type { Log4jEvent, LogLevel, LogLine } from '../layouts/shared/console/types'
+
+// Flip to true during development to enable console perf logging.
+// Uses a plain constant to avoid turbo env-var declarations.
+const DEBUG_PERF = false
+
+// TODO: for true unbounded history, consider IndexedDB or similar
+const ARCHIVE_CAPACITY = 500_000
+
+const ENTRY_START_RE = /^\[\d{2}:\d{2}:\d{2}\]/
+
+/**
+ * Reorders a batch of log lines so that continuation lines (lines without a
+ * timestamp prefix) stay grouped with their parent error/warn entry, even when
+ * unrelated timestamped lines arrive between them from the server.
+ */
+function groupContinuations(lines: LogLine[]): LogLine[] {
+	if (lines.length <= 1) return lines
+
+	const groups: LogLine[][] = []
+
+	for (const line of lines) {
+		if (ENTRY_START_RE.test(line.text)) {
+			groups.push([line])
+		} else if (groups.length > 0) {
+			let target = groups.length - 1
+			const lastEntry = groups[target][0]
+
+			if (lastEntry.level !== 'error' && lastEntry.level !== 'warn') {
+				if (line.level === 'error' || line.level === null) {
+					for (let i = groups.length - 2; i >= 0; i--) {
+						if (groups[i][0].level === 'error' || groups[i][0].level === 'warn') {
+							target = i
+							break
+						}
+					}
+				}
+			}
+
+			groups[target].push(line)
+		} else {
+			groups.push([line])
+		}
+	}
+
+	return groups.flat()
+}
+
+const batchTimeout = 300
+const initialBatchSize = 256
+
+const LogLevelCode = {
+	None: 0,
+	Trace: 1,
+	Debug: 2,
+	Info: 3,
+	Warn: 4,
+	Error: 5,
+} as const
+type LogLevelCode = (typeof LogLevelCode)[keyof typeof LogLevelCode]
+
+function encodeLevel(level: LogLevel | null): LogLevelCode {
+	if (!level) return LogLevelCode.None
+	switch (level) {
+		case 'trace':
+			return LogLevelCode.Trace
+		case 'debug':
+			return LogLevelCode.Debug
+		case 'info':
+			return LogLevelCode.Info
+		case 'warn':
+			return LogLevelCode.Warn
+		case 'error':
+			return LogLevelCode.Error
+	}
+}
+
+function decodeLevel(code: LogLevelCode): LogLevel | null {
+	switch (code) {
+		case LogLevelCode.Trace:
+			return 'trace'
+		case LogLevelCode.Debug:
+			return 'debug'
+		case LogLevelCode.Info:
+			return 'info'
+		case LogLevelCode.Warn:
+			return 'warn'
+		case LogLevelCode.Error:
+			return 'error'
+		default:
+			return null
+	}
+}
+
+// Columnar ring buffer: stores text and level in parallel arrays instead of
+// LogLine objects, eliminating ~40 bytes of object header per line (~20MB
+// saved at 500k lines). Lines are stored by value — get(i) returns a fresh
+// LogLine each call, so consumers must not rely on reference identity.
+class ColumnarRingBuffer {
+	texts: (string | undefined)[]
+	levels: Uint8Array
+	private head = 0
+	private _size = 0
+
+	constructor(readonly capacity: number) {
+		this.texts = new Array(capacity)
+		this.levels = new Uint8Array(capacity)
+	}
+
+	get size(): number {
+		return this._size
+	}
+
+	push(text: string, level: LogLevel | null): boolean {
+		const wrapped = this._size === this.capacity
+		this.texts[this.head] = text
+		this.levels[this.head] = encodeLevel(level)
+		this.head = (this.head + 1) % this.capacity
+		if (!wrapped) this._size++
+		return wrapped
+	}
+
+	get(index: number): LogLine {
+		if (index < 0 || index >= this._size) {
+			throw new RangeError(`Index ${index} out of bounds [0, ${this._size})`)
+		}
+		const start = this._size === this.capacity ? this.head : 0
+		const physical = (start + index) % this.capacity
+		return {
+			text: this.texts[physical] as string,
+			level: decodeLevel(this.levels[physical] as LogLevelCode),
+		}
+	}
+
+	toArray(): LogLine[] {
+		if (this._size === 0) return []
+		const start = this._size === this.capacity ? this.head : 0
+		const result = new Array<LogLine>(this._size)
+		for (let i = 0; i < this._size; i++) {
+			const physical = (start + i) % this.capacity
+			result[i] = {
+				text: this.texts[physical] as string,
+				level: decodeLevel(this.levels[physical] as LogLevelCode),
+			}
+		}
+		return result
+	}
+
+	clear(): void {
+		this.texts = new Array(this.capacity)
+		this.levels = new Uint8Array(this.capacity)
+		this.head = 0
+		this._size = 0
+	}
+}
+
+function mapLog4jLevel(level?: string): LogLevel | null {
+	if (!level) return null
+	switch (level.toUpperCase()) {
+		case 'FATAL':
+		case 'ERROR':
+			return 'error'
+		case 'WARN':
+			return 'warn'
+		case 'INFO':
+			return 'info'
+		case 'DEBUG':
+			return 'debug'
+		case 'TRACE':
+			return 'trace'
+		default:
+			return null
+	}
+}
+
+function formatTimestamp(millis?: number): string {
+	if (!millis) return ''
+	const date = new Date(millis)
+	const h = String(date.getHours()).padStart(2, '0')
+	const m = String(date.getMinutes()).padStart(2, '0')
+	const s = String(date.getSeconds()).padStart(2, '0')
+	return `[${h}:${m}:${s}]`
+}
+
+function formatLog4jLines(event: Log4jEvent): LogLine[] {
+	const level = mapLog4jLevel(event.level)
+	const time = formatTimestamp(event.timestamp_millis)
+	const thread = event.thread_name ?? ''
+	const levelStr = event.level ?? ''
+	const message = event.message?.trim() ?? ''
+
+	const prefix = time ? `${time} [${thread}/${levelStr}]: ` : `[${thread}/${levelStr}]: `
+	const messageLines = message.split(/\r?\n/)
+	const lines: LogLine[] = [{ text: prefix + messageLines[0], level }]
+	for (let i = 1; i < messageLines.length; i++) {
+		if (!messageLines[i].trim()) continue
+		lines.push({ text: messageLines[i], level })
+	}
+
+	if (event.throwable) {
+		for (const line of event.throwable.split(/\r?\n/)) {
+			if (!line.trim()) continue
+			lines.push({ text: line, level: 'error' })
+		}
+	}
+
+	return lines
+}
+
+function textToLogLine(text: string): LogLine {
+	return { text, level: detectLogLevel(text) }
+}
+
+export function createConsoleState() {
+	const archive = new ColumnarRingBuffer(ARCHIVE_CAPACITY)
+	const output: Ref<LogLine[]> = shallowRef<LogLine[]>([])
+
+	let lineBuffer: LogLine[] = []
+	let batchTimer: NodeJS.Timeout | null = null
+
+	let wrapCount = 0
+	let lastFlushMs = 0
+
+	const flushBuffer = (): void => {
+		if (lineBuffer.length === 0) return
+
+		const t0 = DEBUG_PERF ? performance.now() : 0
+		const arr = output.value
+		const lines = groupContinuations(lineBuffer)
+		const flushedCount = lines.length
+		let didWrap = false
+
+		for (const line of lines) {
+			if (archive.push(line.text, line.level)) didWrap = true
+			arr.push(line)
+		}
+
+		if (didWrap) {
+			const evictedCount = Math.max(0, arr.length - archive.size)
+			if (evictedCount > 0) {
+				arr.splice(0, evictedCount)
+			}
+			wrapCount++
+		}
+
+		lineBuffer = []
+		batchTimer = null
+		triggerRef(output)
+
+		if (DEBUG_PERF) {
+			lastFlushMs = performance.now() - t0
+			if (arr.length !== archive.size) {
+				console.error(
+					`[mr-console] drift: output.length=${arr.length} !== archive.size=${archive.size}`,
+				)
+			}
+			console.debug(
+				`[mr-console] flush: ${flushedCount} lines in ${lastFlushMs.toFixed(2)}ms` +
+					` | buffer: ${archive.size} | wrap: ${didWrap}`,
+			)
+		}
+	}
+
+	const addLines = (lines: LogLine[]): void => {
+		if (output.value.length === 0 && lines.length >= initialBatchSize) {
+			lineBuffer = lines
+			flushBuffer()
+			return
+		}
+
+		lineBuffer.push(...lines)
+
+		if (!batchTimer) {
+			batchTimer = setTimeout(flushBuffer, batchTimeout)
+		}
+	}
+
+	const addLog4jEvent = (event: Log4jEvent): void => {
+		addLines(formatLog4jLines(event))
+	}
+
+	const addLegacyLog = (message: string): void => {
+		const logLines = message
+			.split('\n')
+			.filter((l) => l.trim())
+			.map(textToLogLine)
+
+		let parentLevel: LogLevel | null = null
+		for (const line of logLines) {
+			if (ENTRY_START_RE.test(line.text)) {
+				parentLevel = line.level
+			} else if (line.level === null && parentLevel !== null) {
+				line.level = parentLevel
+			}
+		}
+
+		addLines(logLines)
+	}
+
+	const clear = (): void => {
+		const t0 = DEBUG_PERF ? performance.now() : 0
+		archive.clear()
+		output.value = []
+		lineBuffer = []
+		wrapCount = 0
+		if (batchTimer) {
+			clearTimeout(batchTimer)
+			batchTimer = null
+		}
+		if (DEBUG_PERF) {
+			console.debug(`[mr-console] clear in ${(performance.now() - t0).toFixed(2)}ms`)
+		}
+	}
+
+	const __debugStats = ():
+		| { enabled: false }
+		| {
+				enabled: true
+				bufferSize: number
+				heapEstimate: number
+				recentFlushMs: number
+				wrapCount: number
+		  } => {
+		if (!DEBUG_PERF) return { enabled: false }
+		const heapEstimate =
+			archive.texts.reduce<number>((a, s) => a + (s?.length ?? 0) * 2, 0) +
+			archive.levels.byteLength
+		return {
+			enabled: true,
+			bufferSize: archive.size,
+			heapEstimate,
+			recentFlushMs: lastFlushMs,
+			wrapCount,
+		}
+	}
+
+	return {
+		output,
+		addLines,
+		addLog4jEvent,
+		addLegacyLog,
+		clear,
+		__debugStats,
+	}
+}
+
+export const useModrinthServersConsole = createGlobalState(createConsoleState)
diff --git a/packages/ui/src/composables/server-manage-core-runtime.ts b/packages/ui/src/composables/server-manage-core-runtime.ts
new file mode 100644
index 000000000..3e5588550
--- /dev/null
+++ b/packages/ui/src/composables/server-manage-core-runtime.ts
@@ -0,0 +1,443 @@
+import {
+	type Archon,
+	clearNodeAuthState,
+	setNodeAuthState,
+	type UploadState,
+} from '@modrinth/api-client'
+import type { Stats } from '@modrinth/utils'
+import type { ComputedRef, Ref } from 'vue'
+import { computed, reactive, ref, watch } from 'vue'
+
+import type { FileOperation } from '../layouts/shared/files-tab/types'
+import { injectModrinthClient, provideModrinthServerContext } from '../providers'
+import type { BusyReason } from '../providers/server-context'
+import { defineMessage } from './i18n'
+import { useModrinthServersConsole } from './server-console'
+
+type ReadableRef<T> = Ref<T> | ComputedRef<T>
+type SocketUnsubscriber = () => void
+
+type ConnectSocketOptions = {
+	force?: boolean
+	extraSubscriptions?: (targetServerId: string) => SocketUnsubscriber[]
+}
+
+type UseServerManageCoreRuntimeOptions = {
+	serverId: ReadableRef<string>
+	worldId: ReadableRef<string | null>
+	server: ReadableRef<Archon.Servers.v0.Server | null | undefined>
+	isSyncingContent: ReadableRef<boolean>
+	markBackupCancelled?: (backupId: string) => void
+	includeBackupBusyReasons?: boolean
+	setDisconnectedOnAuthIncorrect?: boolean
+	syncUptimeFromState?: boolean
+	incrementUptimeLocally?: boolean
+	eventGuard?: () => boolean
+	onStateEvent?: (data: Archon.Websocket.v0.WSStateEvent) => void
+}
+
+const createInitialStats = (): Stats => ({
+	current: {
+		cpu_percent: 0,
+		ram_usage_bytes: 0,
+		ram_total_bytes: 1,
+		storage_usage_bytes: 0,
+		storage_total_bytes: 0,
+	},
+	past: {
+		cpu_percent: 0,
+		ram_usage_bytes: 0,
+		ram_total_bytes: 1,
+		storage_usage_bytes: 0,
+		storage_total_bytes: 0,
+	},
+	graph: {
+		cpu: [],
+		ram: [],
+	},
+})
+
+const appendGraphData = (dataArray: number[], newValue: number): number[] => {
+	const updated = [...dataArray, newValue]
+	if (updated.length > 10) updated.shift()
+	return updated
+}
+
+const mapPowerStateFromStateEvent = (
+	data: Archon.Websocket.v0.WSStateEvent,
+): Archon.Websocket.v0.PowerState => {
+	const powerMap: Record<Archon.Websocket.v0.FlattenedPowerState, Archon.Websocket.v0.PowerState> =
+		{
+			not_ready: 'stopped',
+			starting: 'starting',
+			running: 'running',
+			stopping: 'stopping',
+			idle:
+				data.was_oom || (data.exit_code != null && data.exit_code !== 0) ? 'crashed' : 'stopped',
+		}
+	return powerMap[data.power_variant]
+}
+
+export function useServerManageCoreRuntime(options: UseServerManageCoreRuntimeOptions) {
+	const client = injectModrinthClient()
+	const modrinthServersConsole = useModrinthServersConsole()
+
+	const shouldProcessEvent = () => (options.eventGuard ? options.eventGuard() : true)
+
+	const isConnected = ref(false)
+	const isWsAuthIncorrect = ref(false)
+	const serverPowerState = ref<Archon.Websocket.v0.PowerState>('stopped')
+	const powerStateDetails = ref<{ oom_killed?: boolean; exit_code?: number }>()
+	const isServerRunning = computed(() => serverPowerState.value === 'running')
+	const stats = ref<Stats>(createInitialStats())
+	const uptimeSeconds = ref(0)
+	const backupsState = reactive(new Map())
+	const fsAuth = ref<{ url: string; token: string } | null>(null)
+	const fsOps = ref<Archon.Websocket.v0.FilesystemOperation[]>([])
+	const fsQueuedOps = ref<Archon.Websocket.v0.QueuedFilesystemOp[]>([])
+	const connectedSocketServerId = ref<string | null>(null)
+	const socketUnsubscribers = ref<SocketUnsubscriber[]>([])
+	const cpuData = ref<number[]>([])
+	const ramData = ref<number[]>([])
+
+	let uptimeIntervalId: ReturnType<typeof setInterval> | null = null
+
+	const markBackupCancelled =
+		options.markBackupCancelled ??
+		((backupId: string) => {
+			backupsState.delete(backupId)
+		})
+
+	const busyReasons = computed<BusyReason[]>(() => {
+		const reasons: BusyReason[] = []
+		if (options.server.value?.status === 'installing') {
+			reasons.push({
+				reason: defineMessage({
+					id: 'servers.busy.installing',
+					defaultMessage: 'Server is installing',
+				}),
+			})
+		}
+		if (options.isSyncingContent.value) {
+			reasons.push({
+				reason: defineMessage({
+					id: 'servers.busy.syncing-content',
+					defaultMessage: 'Content sync in progress',
+				}),
+			})
+		}
+		if (options.includeBackupBusyReasons) {
+			for (const entry of backupsState.values()) {
+				if (entry.create?.state === 'ongoing') {
+					reasons.push({
+						reason: defineMessage({
+							id: 'servers.busy.backup-creating',
+							defaultMessage: 'Backup creation in progress',
+						}),
+					})
+					break
+				}
+				if (entry.restore?.state === 'ongoing') {
+					reasons.push({
+						reason: defineMessage({
+							id: 'servers.busy.backup-restoring',
+							defaultMessage: 'Backup restore in progress',
+						}),
+					})
+					break
+				}
+			}
+		}
+		return reasons
+	})
+
+	const stopUptimeTicker = () => {
+		if (uptimeIntervalId) {
+			clearInterval(uptimeIntervalId)
+			uptimeIntervalId = null
+		}
+	}
+
+	const startUptimeTicker = () => {
+		if (!options.incrementUptimeLocally || uptimeIntervalId) return
+		uptimeIntervalId = setInterval(() => {
+			uptimeSeconds.value += 1
+		}, 1000)
+	}
+
+	const updateStats = (currentStats: Stats['current']) => {
+		if (!shouldProcessEvent()) return
+		if (!isConnected.value) isConnected.value = true
+		cpuData.value = appendGraphData(cpuData.value, currentStats.cpu_percent)
+		ramData.value = appendGraphData(
+			ramData.value,
+			Math.floor((currentStats.ram_usage_bytes / currentStats.ram_total_bytes) * 100),
+		)
+		stats.value = {
+			current: currentStats,
+			past: { ...stats.value.current },
+			graph: {
+				cpu: cpuData.value,
+				ram: ramData.value,
+			},
+		}
+	}
+
+	const updatePowerState = (
+		state: Archon.Websocket.v0.PowerState,
+		details?: { oom_killed?: boolean; exit_code?: number },
+	) => {
+		if (!shouldProcessEvent()) return
+		serverPowerState.value = state
+		powerStateDetails.value = state === 'crashed' ? details : undefined
+		if (state === 'stopped' || state === 'crashed') {
+			stopUptimeTicker()
+			uptimeSeconds.value = 0
+		}
+	}
+
+	const handleLog = (data: Archon.Websocket.v0.WSLogEvent) => {
+		if (!shouldProcessEvent()) return
+		modrinthServersConsole.addLegacyLog(data.message)
+	}
+
+	const handleLog4j = (data: Archon.Websocket.v0.WSLog4jEvent) => {
+		if (!shouldProcessEvent()) return
+		modrinthServersConsole.addLog4jEvent(data)
+	}
+
+	const handleStats = (data: Archon.Websocket.v0.WSStatsEvent) => {
+		updateStats({
+			cpu_percent: data.cpu_percent,
+			ram_usage_bytes: data.ram_usage_bytes,
+			ram_total_bytes: data.ram_total_bytes,
+			storage_usage_bytes: data.storage_usage_bytes,
+			storage_total_bytes: data.storage_total_bytes,
+		})
+	}
+
+	const handlePowerState = (data: Archon.Websocket.v0.WSPowerStateEvent) => {
+		if (data.state === 'crashed') {
+			updatePowerState(data.state, {
+				oom_killed: data.oom_killed,
+				exit_code: data.exit_code,
+			})
+		} else {
+			updatePowerState(data.state)
+		}
+	}
+
+	const handleState = (data: Archon.Websocket.v0.WSStateEvent) => {
+		if (!shouldProcessEvent()) return
+		options.onStateEvent?.(data)
+		updatePowerState(mapPowerStateFromStateEvent(data), {
+			exit_code: data.exit_code ?? undefined,
+			oom_killed: data.was_oom,
+		})
+
+		if (options.syncUptimeFromState && data.uptime > 0) {
+			stopUptimeTicker()
+			uptimeSeconds.value = data.uptime
+			startUptimeTicker()
+		}
+	}
+
+	const handleUptime = (data: Archon.Websocket.v0.WSUptimeEvent) => {
+		if (!shouldProcessEvent()) return
+		stopUptimeTicker()
+		uptimeSeconds.value = data.uptime
+		startUptimeTicker()
+	}
+
+	const handleAuthIncorrect = () => {
+		if (!shouldProcessEvent()) return
+		isWsAuthIncorrect.value = true
+		if (options.setDisconnectedOnAuthIncorrect) {
+			isConnected.value = false
+		}
+	}
+
+	const handleAuthOk = () => {
+		if (!shouldProcessEvent()) return
+		isWsAuthIncorrect.value = false
+		isConnected.value = true
+	}
+
+	const clearSocketListeners = () => {
+		for (const unsub of socketUnsubscribers.value) unsub()
+		socketUnsubscribers.value = []
+	}
+
+	const disconnectSocket = (targetServerId?: string) => {
+		if (!targetServerId && !connectedSocketServerId.value) return
+
+		clearSocketListeners()
+
+		if (targetServerId) {
+			client.archon.sockets.disconnect(targetServerId)
+		}
+
+		stopUptimeTicker()
+		connectedSocketServerId.value = null
+		isConnected.value = false
+		isWsAuthIncorrect.value = false
+		serverPowerState.value = 'stopped'
+		powerStateDetails.value = undefined
+		uptimeSeconds.value = 0
+	}
+
+	const connectSocket = async (
+		targetServerId: string,
+		connectOptions: ConnectSocketOptions = {},
+	): Promise<boolean> => {
+		if (
+			connectedSocketServerId.value === targetServerId &&
+			(isConnected.value || isWsAuthIncorrect.value)
+		) {
+			return true
+		}
+
+		disconnectSocket(connectedSocketServerId.value ?? undefined)
+
+		try {
+			const safeConnectOptions = connectOptions.force ? { force: true } : undefined
+			await client.archon.sockets.safeConnect(targetServerId, safeConnectOptions)
+			connectedSocketServerId.value = targetServerId
+			isConnected.value = true
+			isWsAuthIncorrect.value = false
+
+			modrinthServersConsole.clear()
+
+			const baseSubscriptions: SocketUnsubscriber[] = [
+				client.archon.sockets.on(targetServerId, 'log', handleLog),
+				client.archon.sockets.on(targetServerId, 'log4j', handleLog4j),
+				client.archon.sockets.on(targetServerId, 'stats', handleStats),
+				client.archon.sockets.on(targetServerId, 'state', handleState),
+				client.archon.sockets.on(targetServerId, 'power-state', handlePowerState),
+				client.archon.sockets.on(targetServerId, 'uptime', handleUptime),
+				client.archon.sockets.on(targetServerId, 'auth-incorrect', handleAuthIncorrect),
+				client.archon.sockets.on(targetServerId, 'auth-ok', handleAuthOk),
+			]
+			const extraSubscriptions = connectOptions.extraSubscriptions?.(targetServerId) ?? []
+			socketUnsubscribers.value = [...baseSubscriptions, ...extraSubscriptions]
+			return true
+		} catch (error) {
+			console.error('[hosting/manage] Failed to connect server socket:', error)
+			isConnected.value = false
+			return false
+		}
+	}
+
+	const uploadState = ref<UploadState>({
+		isUploading: false,
+		currentFileName: null,
+		currentFileProgress: 0,
+		uploadedBytes: 0,
+		totalBytes: 0,
+		completedFiles: 0,
+		totalFiles: 0,
+	})
+	const cancelUpload = ref<(() => void) | null>(null)
+
+	type QueuedOpWithState = Archon.Websocket.v0.QueuedFilesystemOp & { state: 'queued' }
+	const dismissedOpIds = ref<Set<string>>(new Set())
+
+	const activeOperations = computed<FileOperation[]>(() => [
+		...fsQueuedOps.value.map((x) => ({ ...x, state: 'queued' }) satisfies QueuedOpWithState),
+		...(fsOps.value.filter((op) => !op.id || !dismissedOpIds.value.has(op.id)) as FileOperation[]),
+	])
+
+	async function dismissOperation(opId: string, action: 'dismiss' | 'cancel') {
+		if (action === 'dismiss') {
+			dismissedOpIds.value = new Set([...dismissedOpIds.value, opId])
+		}
+		try {
+			await client.kyros.files_v0.modifyOperation(opId, action)
+		} catch (error) {
+			if (action === 'dismiss') return
+			console.error(`Failed to ${action} operation:`, error)
+		}
+	}
+
+	watch(
+		() => fsOps.value,
+		(newOps) => {
+			for (const op of newOps) {
+				if (op.state === 'done' && op.id && !dismissedOpIds.value.has(op.id)) {
+					setTimeout(() => {
+						dismissOperation(op.id!, 'dismiss')
+					}, 3000)
+				}
+			}
+		},
+		{ deep: true },
+	)
+
+	const refreshFsAuth = async () => {
+		if (!options.serverId.value) {
+			fsAuth.value = null
+			return
+		}
+		fsAuth.value = await client.archon.servers_v0.getFilesystemAuth(options.serverId.value)
+	}
+
+	provideModrinthServerContext({
+		get serverId() {
+			return options.serverId.value
+		},
+		worldId: options.worldId as Ref<string | null>,
+		server: options.server as Ref<Archon.Servers.v0.Server>,
+		isConnected,
+		isWsAuthIncorrect,
+		powerState: serverPowerState,
+		powerStateDetails,
+		isServerRunning,
+		stats,
+		uptimeSeconds,
+		backupsState,
+		markBackupCancelled,
+		isSyncingContent: options.isSyncingContent as Ref<boolean>,
+		busyReasons,
+		fsAuth,
+		fsOps,
+		fsQueuedOps,
+		refreshFsAuth,
+		uploadState,
+		cancelUpload,
+		activeOperations,
+		dismissOperation,
+	})
+
+	setNodeAuthState(() => fsAuth.value, refreshFsAuth)
+
+	const cleanupCoreRuntime = (targetServerId?: string) => {
+		disconnectSocket(targetServerId ?? connectedSocketServerId.value ?? undefined)
+		clearNodeAuthState()
+	}
+
+	return {
+		activeOperations,
+		backupsState,
+		busyReasons,
+		cancelUpload,
+		cleanupCoreRuntime,
+		connectSocket,
+		connectedSocketServerId,
+		cpuData,
+		disconnectSocket,
+		dismissOperation,
+		fsAuth,
+		fsOps,
+		fsQueuedOps,
+		isConnected,
+		isServerRunning,
+		isWsAuthIncorrect,
+		powerStateDetails,
+		ramData,
+		refreshFsAuth,
+		serverPowerState,
+		stats,
+		uptimeSeconds,
+		uploadState,
+	}
+}
diff --git a/packages/ui/src/composables/stripe.ts b/packages/ui/src/composables/stripe.ts
index a072fa964..9db627a3b 100644
--- a/packages/ui/src/composables/stripe.ts
+++ b/packages/ui/src/composables/stripe.ts
@@ -242,10 +242,18 @@ export const useStripe = (
 			if (confirmation) {
 				confirmationToken.value = id
 				if (result && 'payment_method' in result && result.payment_method) {
-					// payment_method is a string ID from the API, need to find the full object
-					const method = paymentMethods.find((x) => x.id === result.payment_method)
-					if (method) {
-						inputtedPaymentMethod.value = method
+					const paymentMethod = (
+						result as {
+							payment_method?: string | Stripe.PaymentMethod
+						}
+					).payment_method
+					if (typeof paymentMethod === 'string') {
+						const method = paymentMethods.find((x) => x.id === paymentMethod)
+						if (method) {
+							inputtedPaymentMethod.value = method
+						}
+					} else if (paymentMethod) {
+						inputtedPaymentMethod.value = paymentMethod
 					}
 				}
 			}
@@ -330,31 +338,42 @@ export const useStripe = (
 
 	const loadingElements = computed(() => elementsLoaded.value < 2)
 
-	async function submitPayment(returnUrl: string) {
+	async function submitPayment(returnUrl?: string): Promise<boolean> {
 		if (noPaymentRequired.value) {
 			completingPurchase.value = false
 			return true
 		}
 		completingPurchase.value = true
-		const secert = clientSecret.value
+		const secret = clientSecret.value
 
-		if (!secert) {
-			return handlePaymentError('No client secret')
+		if (!secret) {
+			handlePaymentError('No client secret')
+			return false
 		}
 
 		if (!stripe.value) {
-			return handlePaymentError('No stripe')
+			handlePaymentError('No stripe')
+			return false
 		}
 
 		submittingPayment.value = true
 		const productPrice = product.value?.prices.find((x) => x.currency_code === currency)
-		const { error } = await stripe.value.confirmPayment({
-			clientSecret: secert,
-			confirmParams: {
-				confirmation_token: confirmationToken.value,
-				return_url: `${returnUrl}?priceId=${productPrice?.id}&plan=${interval.value}`,
-			},
-		})
+
+		const { error } = returnUrl
+			? await stripe.value.confirmPayment({
+					clientSecret: secret,
+					confirmParams: {
+						confirmation_token: confirmationToken.value,
+						return_url: `${returnUrl}?priceId=${productPrice?.id}&plan=${interval.value}`,
+					},
+				})
+			: await stripe.value.confirmPayment({
+					clientSecret: secret,
+					redirect: 'if_required',
+					confirmParams: {
+						confirmation_token: confirmationToken.value,
+					},
+				})
 
 		if (error) {
 			handlePaymentError(error.message ?? 'Unknown error submitting payment')
diff --git a/packages/ui/src/composables/terminal.ts b/packages/ui/src/composables/terminal.ts
index ddfd50240..645f50856 100644
--- a/packages/ui/src/composables/terminal.ts
+++ b/packages/ui/src/composables/terminal.ts
@@ -11,7 +11,7 @@ import {
 	shallowRef,
 } from 'vue'
 
-function getCssVar(name: string, fallback: string): string {
+export function getCssVar(name: string, fallback: string): string {
 	if (typeof document === 'undefined') return fallback
 	const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim()
 	return value || fallback
@@ -54,6 +54,7 @@ function buildTerminalTheme() {
 		scrollbarSliderBackground: surface5,
 		scrollbarSliderHoverBackground: surface5,
 		scrollbarSliderActiveBackground: surface5,
+		overviewRulerBorder: 'transparent',
 	}
 }
 
@@ -62,6 +63,7 @@ export interface UseTerminalOptions {
 	options?: ITerminalOptions
 	scrollback?: number
 	onReady?: (terminal: Terminal) => void
+	onResize?: () => void
 }
 
 export interface UseTerminalReturn {
@@ -85,6 +87,7 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 
 	let resizeObserver: ResizeObserver | null = null
 	let themeObserver: MutationObserver | null = null
+	let wheelHandler: ((e: WheelEvent) => void) | null = null
 	let hasWritten = false
 	const pendingWrites: Array<{ data: string; newline: boolean }> = []
 
@@ -126,7 +129,7 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 		if (!fa || !term) return
 		const dims = fa.proposeDimensions()
 		if (dims) {
-			term.resize(dims.cols, dims.rows + 1)
+			term.resize(dims.cols, dims.rows)
 		}
 	}
 
@@ -164,12 +167,13 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 
 		const term = new Terminal({
 			disableStdin: true,
-			scrollback: options.scrollback ?? 10000,
+			scrollback: options.scrollback ?? Infinity,
 			convertEol: true,
 			smoothScrollDuration: 125,
 			fontFamily: 'monospace',
 			fontSize: 14,
 			lineHeight: 1.5,
+			allowProposedApi: true,
 			theme: buildTerminalTheme(),
 			...options.options,
 		})
@@ -183,12 +187,17 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 		await nextTick()
 		const dims = fit.proposeDimensions()
 		if (dims) {
-			term.resize(dims.cols, dims.rows + 1)
+			term.resize(dims.cols, dims.rows)
 		}
 
 		term.options.disableStdin = true
 		term.write('\x1b[?25l')
 
+		wheelHandler = (e: WheelEvent) => {
+			e.preventDefault()
+		}
+		container.addEventListener('wheel', wheelHandler, { passive: false })
+
 		term.onScroll(() => checkIfAtBottom())
 		term.onWriteParsed(() => {
 			if (isAtBottom.value) {
@@ -212,8 +221,9 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 		resizeObserver = new ResizeObserver(() => {
 			const d = fit.proposeDimensions()
 			if (d) {
-				term.resize(d.cols, d.rows + 1)
+				term.resize(d.cols, d.rows)
 			}
+			options.onResize?.()
 		})
 		resizeObserver.observe(container)
 
@@ -229,6 +239,10 @@ export function useTerminal(options: UseTerminalOptions): UseTerminalReturn {
 	})
 
 	onBeforeUnmount(() => {
+		if (wheelHandler && options.container.value) {
+			options.container.value.removeEventListener('wheel', wheelHandler)
+			wheelHandler = null
+		}
 		resizeObserver?.disconnect()
 		resizeObserver = null
 		themeObserver?.disconnect()
diff --git a/packages/ui/src/composables/use-server-image.ts b/packages/ui/src/composables/use-server-image.ts
new file mode 100644
index 000000000..fc4fccc67
--- /dev/null
+++ b/packages/ui/src/composables/use-server-image.ts
@@ -0,0 +1,134 @@
+import type { Archon } from '@modrinth/api-client'
+import { useQuery } from '@tanstack/vue-query'
+import { computed, type ComputedRef, ref } from 'vue'
+
+import { injectModrinthClient } from '#ui/providers'
+
+type UpstreamRef = ComputedRef<Archon.Servers.v0.Server['upstream'] | null | undefined>
+
+type UseServerImageOptions = {
+	enabled?: ComputedRef<boolean> | boolean
+	size?: number
+	includeProjectFallback?: boolean
+}
+
+export async function processImageBlob(blob: Blob, size: number): Promise<string> {
+	return new Promise((resolve) => {
+		const canvas = document.createElement('canvas')
+		const ctx = canvas.getContext('2d')!
+		const img = new Image()
+		img.onload = () => {
+			canvas.width = size
+			canvas.height = size
+			ctx.drawImage(img, 0, 0, size, size)
+			const dataURL = canvas.toDataURL('image/png')
+			URL.revokeObjectURL(img.src)
+			resolve(dataURL)
+		}
+		img.src = URL.createObjectURL(blob)
+	})
+}
+
+function getStatusCode(error: unknown): number | undefined {
+	const err = error as { statusCode?: number; response?: { status?: number } }
+	return err.statusCode ?? err.response?.status
+}
+
+function isNotFound(error: unknown): boolean {
+	return getStatusCode(error) === 404
+}
+
+export function useServerImage(
+	serverId: string,
+	upstream: UpstreamRef,
+	options: UseServerImageOptions = {},
+) {
+	const client = injectModrinthClient()
+	const localImage = ref<string | null | undefined>(undefined)
+	const iconSize = options.size ?? 512
+	const includeProjectFallback = options.includeProjectFallback ?? false
+
+	const queryKey = computed(
+		() => ['servers', 'detail', serverId, 'icon', upstream.value?.project_id ?? null] as const,
+	)
+
+	const isEnabled = computed(() => {
+		const explicitEnabled =
+			typeof options.enabled === 'boolean' ? options.enabled : options.enabled?.value
+		return !!serverId && (explicitEnabled ?? true)
+	})
+
+	const { data: remoteImage, refetch } = useQuery({
+		queryKey,
+		queryFn: async (): Promise<string | null | undefined> => {
+			if (!serverId) return undefined
+
+			try {
+				const fsAuth = await client.archon.servers_v0.getFilesystemAuth(serverId)
+
+				try {
+					const blob = await client.kyros.files_v0.downloadFileWithAuth(fsAuth, '/server-icon.png')
+					return await processImageBlob(blob, iconSize)
+				} catch (error) {
+					if (!isNotFound(error)) throw error
+				}
+
+				try {
+					const blob = await client.kyros.files_v0.downloadFileWithAuth(
+						fsAuth,
+						'/server-icon-original.png',
+					)
+					return await processImageBlob(blob, iconSize)
+				} catch (error) {
+					if (!isNotFound(error)) throw error
+				}
+			} catch (error) {
+				console.debug('Server image fetch failed:', error)
+				return undefined
+			}
+
+			if (!includeProjectFallback || !upstream.value?.project_id) return undefined
+
+			try {
+				const project = await client.labrinth.projects_v2.get(upstream.value.project_id)
+				if (!project.icon_url) return undefined
+				const response = await fetch(project.icon_url)
+				if (!response.ok) return undefined
+				const blob = await response.blob()
+				return await processImageBlob(blob, iconSize)
+			} catch (error) {
+				console.debug('Project icon fallback failed:', error)
+				return undefined
+			}
+		},
+		enabled: isEnabled,
+	})
+
+	const image = computed(() => {
+		if (localImage.value === null) return undefined
+		const remote = remoteImage.value
+		if (remote === null) return undefined
+		return localImage.value ?? remote
+	})
+
+	function setImage(nextImage: string | null | undefined) {
+		localImage.value = nextImage
+	}
+
+	function clearImage() {
+		localImage.value = null
+	}
+
+	function resetLocalOverride() {
+		localImage.value = undefined
+	}
+
+	return {
+		image,
+		queryKey,
+		refetch,
+		setImage,
+		clearImage,
+		resetLocalOverride,
+	}
+}
diff --git a/apps/frontend/src/composables/servers/use-server-project.ts b/packages/ui/src/composables/use-server-project.ts
similarity index 70%
rename from apps/frontend/src/composables/servers/use-server-project.ts
rename to packages/ui/src/composables/use-server-project.ts
index eeb22a8b5..524bf4526 100644
--- a/apps/frontend/src/composables/servers/use-server-project.ts
+++ b/packages/ui/src/composables/use-server-project.ts
@@ -1,17 +1,18 @@
 import type { Archon } from '@modrinth/api-client'
-import type { Project } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
-import { $fetch } from 'ofetch'
 import { computed, type ComputedRef } from 'vue'
 
+import { injectModrinthClient } from '#ui/providers'
+
 // TODO: Remove and use v1
 export function useServerProject(
 	upstream: ComputedRef<Archon.Servers.v0.Server['upstream'] | null>,
 ) {
+	const client = injectModrinthClient()
+
 	return useQuery({
 		queryKey: computed(() => ['servers', 'project', upstream.value?.project_id ?? null]),
-		queryFn: () =>
-			$fetch<Project>(`https://api.modrinth.com/v2/project/${upstream.value!.project_id}`),
+		queryFn: () => client.labrinth.projects_v2.get(upstream.value!.project_id!),
 		enabled: computed(() => !!upstream.value?.project_id),
 	})
 }
diff --git a/packages/ui/src/layouts/index.ts b/packages/ui/src/layouts/index.ts
index 8532fe5be..7731b1494 100644
--- a/packages/ui/src/layouts/index.ts
+++ b/packages/ui/src/layouts/index.ts
@@ -1,4 +1,7 @@
+export * from './shared/browse-tab'
+export * from './shared/console'
 export * from './shared/content-tab'
 export * from './shared/files-tab'
 export * from './shared/installation-settings'
+export * from './shared/server-settings'
 export * from './wrapped'
diff --git a/packages/ui/src/layouts/shared/browse-tab/composables/index.ts b/packages/ui/src/layouts/shared/browse-tab/composables/index.ts
new file mode 100644
index 000000000..debbed72b
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/composables/index.ts
@@ -0,0 +1 @@
+export * from './use-browse-search'
diff --git a/packages/ui/src/layouts/shared/browse-tab/composables/use-browse-search.ts b/packages/ui/src/layouts/shared/browse-tab/composables/use-browse-search.ts
new file mode 100644
index 000000000..70ea3e5ff
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/composables/use-browse-search.ts
@@ -0,0 +1,311 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { ComputedRef, Ref, ShallowRef } from 'vue'
+import { computed, nextTick, ref, shallowRef, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { useDebugLogger } from '#ui/composables/debug-logger'
+import type { FilterType, FilterValue, ProjectType, SortType } from '#ui/utils/search'
+import { useSearch } from '#ui/utils/search'
+import { useServerSearch } from '#ui/utils/server-search'
+
+import type { BrowseSearchResponse } from '../types'
+
+export interface UseBrowseSearchOptions {
+	projectType: Ref<string>
+	tags: Ref<{
+		gameVersions: Labrinth.Tags.v2.GameVersion[]
+		loaders: Labrinth.Tags.v2.Loader[]
+		categories: Labrinth.Tags.v2.Category[]
+	}>
+	providedFilters?: ComputedRef<FilterValue[]>
+	search: (params: string) => Promise<BrowseSearchResponse>
+	persistentQueryParams: string[]
+	getExtraQueryParams?: () => Record<string, string | undefined>
+	maxResultsOptions?: ComputedRef<number[]>
+	displayMode?: Ref<'list' | 'grid' | 'gallery'> | ComputedRef<'list' | 'grid' | 'gallery'>
+}
+
+export interface BrowseSearchState {
+	query: Ref<string>
+
+	filters: ComputedRef<FilterType[]>
+	currentFilters: Ref<FilterValue[]>
+	toggledGroups: Ref<string[]>
+	overriddenProvidedFilterTypes: Ref<string[]>
+
+	serverFilterTypes: ComputedRef<FilterType[]>
+	serverCurrentFilters: Ref<FilterValue[]>
+	serverToggledGroups: Ref<string[]>
+
+	effectiveSortTypes: ComputedRef<readonly SortType[]>
+	effectiveCurrentSortType: Ref<SortType>
+
+	loading: Ref<boolean>
+	projectHits: ShallowRef<BrowseSearchResponse['projectHits']>
+	serverHits: ShallowRef<BrowseSearchResponse['serverHits']>
+	totalHits: Ref<number>
+	pageCount: ComputedRef<number>
+
+	maxResults: Ref<number>
+	currentPage: Ref<number>
+
+	isServerType: ComputedRef<boolean>
+	effectiveLayout: ComputedRef<'list' | 'grid'>
+	deprioritizedTags: ComputedRef<string[]>
+	excludeLoaders: ComputedRef<boolean>
+
+	refreshSearch: () => Promise<void>
+	setPage: (page: number) => Promise<void>
+	clearSearch: () => void
+	onFilterChange: () => void
+}
+
+const LOADER_FILTER_TYPES = [
+	'mod_loader',
+	'plugin_loader',
+	'modpack_loader',
+	'shader_loader',
+	'plugin_platform',
+] as const
+
+export function useBrowseSearch(options: UseBrowseSearchOptions): BrowseSearchState {
+	const debug = useDebugLogger('BrowseSearch')
+	const route = useRoute()
+	const router = useRouter()
+
+	debug('init, projectType:', options.projectType.value)
+
+	const projectTypes = computed(() => [options.projectType.value] as ProjectType[])
+	const isServerType = computed(() => options.projectType.value === 'server')
+
+	const {
+		query,
+		currentSortType,
+		currentFilters,
+		toggledGroups,
+		maxResults,
+		currentPage,
+		overriddenProvidedFilterTypes,
+		filters,
+		sortTypes,
+		requestParams,
+		createPageParams,
+	} = useSearch(projectTypes, options.tags, options.providedFilters ?? computed(() => []))
+
+	const {
+		serverCurrentSortType,
+		serverCurrentFilters,
+		serverToggledGroups,
+		serverSortTypes,
+		serverFilterTypes,
+		serverRequestParams,
+		createServerPageParams,
+	} = useServerSearch({ tags: options.tags, query, maxResults, currentPage })
+
+	const effectiveRequestParams = computed(() =>
+		isServerType.value ? serverRequestParams.value : requestParams.value,
+	)
+	const effectiveSortTypes = computed(() =>
+		isServerType.value ? (serverSortTypes as readonly SortType[]) : sortTypes,
+	)
+	const effectiveCurrentSortType = computed({
+		get: () => (isServerType.value ? serverCurrentSortType.value : currentSortType.value),
+		set: (v: SortType) => {
+			if (isServerType.value) serverCurrentSortType.value = v
+			else currentSortType.value = v
+		},
+	})
+
+	const effectiveMaxResultsOptions = computed(
+		() => options.maxResultsOptions?.value ?? [5, 10, 15, 20, 50, 100],
+	)
+
+	watch(effectiveMaxResultsOptions, (opts) => {
+		if (!opts.includes(maxResults.value)) {
+			maxResults.value = opts.reduce((prev, curr) =>
+				Math.abs(curr - maxResults.value) <= Math.abs(prev - maxResults.value) ? curr : prev,
+			)
+		}
+	})
+
+	const effectiveDisplayMode = computed(() => options.displayMode?.value ?? 'list')
+	const effectiveLayout = computed<'list' | 'grid'>(() =>
+		effectiveDisplayMode.value === 'grid' || effectiveDisplayMode.value === 'gallery'
+			? 'grid'
+			: 'list',
+	)
+
+	const selectedFilterTags = computed(() =>
+		currentFilters.value
+			.filter(
+				(f) =>
+					f.type.startsWith('category_') ||
+					LOADER_FILTER_TYPES.includes(f.type as (typeof LOADER_FILTER_TYPES)[number]),
+			)
+			.map((f) => f.option),
+	)
+	const excludeLoaders = computed(
+		() =>
+			currentFilters.value.some((f) =>
+				LOADER_FILTER_TYPES.includes(f.type as (typeof LOADER_FILTER_TYPES)[number]),
+			) || ['resourcepack', 'datapack'].includes(options.projectType.value),
+	)
+	const loadersNotForThisType = computed(
+		() =>
+			options.tags.value?.loaders
+				?.filter((loader) => !loader.supported_project_types.includes(options.projectType.value))
+				?.map((loader) => loader.name) ?? [],
+	)
+	const deprioritizedTags = computed(() => [
+		...selectedFilterTags.value,
+		...loadersNotForThisType.value,
+	])
+
+	const loading = ref(true)
+	const projectHits = shallowRef<BrowseSearchResponse['projectHits']>([])
+	const serverHits = shallowRef<BrowseSearchResponse['serverHits']>([])
+	const totalHits = ref(0)
+
+	const pageCount = computed(() => {
+		if (totalHits.value === 0) return 1
+		return Math.ceil(totalHits.value / maxResults.value)
+	})
+
+	let searchVersion = 0
+	let searchDebounceTimer: ReturnType<typeof setTimeout> | null = null
+
+	watch(effectiveRequestParams, (newVal, oldVal) => {
+		debug('effectiveRequestParams changed', {
+			from: oldVal?.substring(0, 80),
+			to: newVal?.substring(0, 80),
+		})
+		if (searchDebounceTimer) clearTimeout(searchDebounceTimer)
+		searchDebounceTimer = setTimeout(() => {
+			refreshSearch()
+		}, 200)
+	})
+
+	async function refreshSearch() {
+		const version = ++searchVersion
+		debug('refreshSearch start', {
+			version,
+			projectType: options.projectType.value,
+			params: effectiveRequestParams.value.substring(0, 100),
+		})
+
+		const currentHitsEmpty = isServerType.value
+			? serverHits.value.length === 0
+			: projectHits.value.length === 0
+		if (currentHitsEmpty) {
+			loading.value = true
+		}
+
+		try {
+			const response = await options.search(effectiveRequestParams.value)
+
+			if (version !== searchVersion) {
+				debug('refreshSearch stale, discarding', { version, current: searchVersion })
+				return
+			}
+
+			if (isServerType.value) {
+				serverHits.value = response.serverHits
+			} else {
+				projectHits.value = response.projectHits
+			}
+			totalHits.value = response.total_hits
+			debug('refreshSearch complete', {
+				version,
+				hits: response.total_hits,
+				projectHits: response.projectHits.length,
+				serverHits: response.serverHits.length,
+			})
+
+			updateUrlParams()
+			loading.value = false
+		} catch (err) {
+			debug('refreshSearch error', err)
+			console.error('Browse search error:', err)
+			if (version === searchVersion) {
+				loading.value = false
+			}
+		}
+	}
+
+	function updateUrlParams() {
+		debug('updateUrlParams', { path: route.path })
+		const persistentParams: Record<string, string | (string | null)[] | null | undefined> = {}
+
+		for (const [key, value] of Object.entries(route.query)) {
+			if (options.persistentQueryParams.includes(key)) {
+				persistentParams[key] = value
+			}
+		}
+
+		const extraParams = options.getExtraQueryParams?.() ?? {}
+		for (const [key, value] of Object.entries(extraParams)) {
+			if (value !== undefined) {
+				persistentParams[key] = value
+			}
+		}
+
+		const params = {
+			...persistentParams,
+			...(isServerType.value ? createServerPageParams() : createPageParams()),
+		}
+
+		router.replace({ path: route.path, query: params })
+	}
+
+	async function setPage(newPageNumber: number) {
+		currentPage.value = newPageNumber
+		await nextTick()
+		window.scrollTo({ top: 0, behavior: 'smooth' })
+	}
+
+	function clearSearch() {
+		query.value = ''
+		currentPage.value = 1
+	}
+
+	function onFilterChange() {
+		nextTick(() => window.scrollTo({ top: 0, behavior: 'smooth' }))
+	}
+
+	watch(
+		() => options.projectType.value,
+		(newType, oldType) => {
+			debug('projectType changed', { from: oldType, to: newType })
+			currentSortType.value = { display: 'Relevance', name: 'relevance' }
+			query.value = ''
+		},
+	)
+
+	return {
+		query,
+		filters,
+		currentFilters,
+		toggledGroups,
+		overriddenProvidedFilterTypes,
+		serverFilterTypes,
+		serverCurrentFilters,
+		serverToggledGroups,
+		effectiveSortTypes,
+		effectiveCurrentSortType,
+		loading,
+		projectHits,
+		serverHits,
+		totalHits,
+		pageCount,
+		maxResults,
+		currentPage,
+		isServerType,
+		effectiveLayout,
+		deprioritizedTags,
+		excludeLoaders,
+		refreshSearch,
+		setPage,
+		clearSearch,
+		onFilterChange,
+	}
+}
diff --git a/packages/ui/src/layouts/shared/browse-tab/header.vue b/packages/ui/src/layouts/shared/browse-tab/header.vue
new file mode 100644
index 000000000..0ac04ea3c
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/header.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import { GameIcon, LeftArrowIcon, MinecraftServerIcon } from '@modrinth/assets'
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+
+import Admonition from '#ui/components/base/Admonition.vue'
+import Avatar from '#ui/components/base/Avatar.vue'
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import ContentPageHeader from '#ui/components/base/ContentPageHeader.vue'
+import { useServerImage } from '#ui/composables/use-server-image'
+import { formatLoaderLabel } from '#ui/utils/loaders'
+
+import { injectBrowseManager } from './providers/browse-manager'
+
+const MEDAL_ICON_URL = 'https://cdn-raw.modrinth.com/medal_icon.webp'
+
+const ctx = injectBrowseManager()
+const router = useRouter()
+const installContext = computed(() => ctx.installContext?.value ?? null)
+
+const serverId = computed(() => installContext.value?.serverId ?? '')
+const upstream = computed(() => installContext.value?.upstream ?? null)
+
+const { image: fetchedIcon } = useServerImage(serverId, upstream, {
+	enabled: computed(() => !!installContext.value?.serverId),
+})
+
+const iconSrc = computed(() => {
+	if (installContext.value?.isMedal) return MEDAL_ICON_URL
+	return fetchedIcon.value ?? installContext.value?.iconSrc ?? MinecraftServerIcon
+})
+</script>
+
+<template>
+	<template v-if="installContext">
+		<ContentPageHeader class="mb-2">
+			<template #icon>
+				<Avatar :src="iconSrc" size="64px" />
+			</template>
+			<template #title>
+				{{ installContext.name }}
+			</template>
+			<template #summary>
+				<span class="flex items-center gap-2 text-sm font-semibold text-secondary">
+					<GameIcon class="h-5 w-5 text-secondary" />
+					{{ formatLoaderLabel(installContext.loader) }} {{ installContext.gameVersion }}
+				</span>
+			</template>
+			<template #actions>
+				<ButtonStyled>
+					<button @click="router.push(installContext.backUrl)">
+						<LeftArrowIcon />
+						{{ installContext.backLabel }}
+					</button>
+				</ButtonStyled>
+			</template>
+		</ContentPageHeader>
+		<h1 class="m-0 mb-1 text-xl font-extrabold">{{ installContext.heading }}</h1>
+		<Admonition v-if="installContext.warning" type="warning" class="mb-1">
+			{{ installContext.warning }}
+		</Admonition>
+	</template>
+</template>
diff --git a/packages/ui/src/layouts/shared/browse-tab/index.ts b/packages/ui/src/layouts/shared/browse-tab/index.ts
new file mode 100644
index 000000000..5789a3af6
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/index.ts
@@ -0,0 +1,6 @@
+export * from './composables'
+export { default as BrowseInstallHeader } from './header.vue'
+export { default as BrowsePageLayout } from './layout.vue'
+export * from './providers'
+export { default as BrowseSidebar } from './sidebar.vue'
+export * from './types'
diff --git a/packages/ui/src/layouts/shared/browse-tab/layout.vue b/packages/ui/src/layouts/shared/browse-tab/layout.vue
new file mode 100644
index 000000000..1f28ed635
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/layout.vue
@@ -0,0 +1,262 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import { SearchIcon } from '@modrinth/assets'
+import { computed, toValue } from 'vue'
+
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import Combobox, { type ComboboxOption } from '#ui/components/base/Combobox.vue'
+import LoadingIndicator from '#ui/components/base/LoadingIndicator.vue'
+import NavTabs from '#ui/components/base/NavTabs.vue'
+import Pagination from '#ui/components/base/Pagination.vue'
+import StyledInput from '#ui/components/base/StyledInput.vue'
+import ProjectCard from '#ui/components/project/card/ProjectCard.vue'
+import ProjectCardList from '#ui/components/project/ProjectCardList.vue'
+import SearchFilterControl from '#ui/components/search/SearchFilterControl.vue'
+import type { SortType } from '#ui/utils/search'
+
+import BrowseInstallHeader from './header.vue'
+import { injectBrowseManager } from './providers/browse-manager'
+
+const ctx = injectBrowseManager()
+const lockedMessages = computed(() => toValue(ctx.lockedFilterMessages))
+
+const sortOptions = computed<ComboboxOption<SortType>[]>(() =>
+	ctx.effectiveSortTypes.value.map((st) => ({
+		value: st,
+		label: st.display,
+	})),
+)
+
+const maxResultsOptions = computed<ComboboxOption<number>[]>(() =>
+	(ctx.maxResultsOptions?.value ?? [5, 10, 15, 20, 50, 100]).map((n) => ({
+		value: n,
+		label: String(n),
+	})),
+)
+</script>
+
+<template>
+	<template v-if="ctx.installContext?.value && ctx.variant !== 'web'">
+		<BrowseInstallHeader />
+	</template>
+
+	<NavTabs v-if="ctx.showProjectTypeTabs.value" :links="ctx.selectableProjectTypes.value" />
+
+	<StyledInput
+		v-model="ctx.query.value"
+		:icon="SearchIcon"
+		type="text"
+		autocomplete="off"
+		:placeholder="`Search ${ctx.projectType.value}s...`"
+		clearable
+		wrapper-class="w-full"
+		:input-class="ctx.variant === 'web' ? '!h-12' : 'h-12'"
+		@clear="ctx.clearSearch()"
+	/>
+
+	<div class="flex flex-wrap items-center gap-2">
+		<Combobox
+			:model-value="ctx.effectiveCurrentSortType.value"
+			:options="sortOptions"
+			:class="ctx.variant === 'web' ? '!w-auto flex-grow md:flex-grow-0' : 'max-w-[16rem]'"
+			placeholder="Sort by"
+			@update:model-value="(val: SortType) => (ctx.effectiveCurrentSortType.value = val)"
+		>
+			<template #prefix>
+				<span class="font-semibold text-primary">Sort by:</span>
+			</template>
+		</Combobox>
+
+		<Combobox
+			:model-value="ctx.maxResults.value"
+			:options="maxResultsOptions"
+			:class="ctx.variant === 'web' ? '!w-auto flex-grow md:flex-grow-0' : 'max-w-[9rem]'"
+			placeholder="View"
+			@update:model-value="(val: number) => (ctx.maxResults.value = val)"
+		>
+			<template #prefix>
+				<span class="font-semibold text-primary">View:</span>
+			</template>
+		</Combobox>
+
+		<div v-if="ctx.filtersMenuOpen && !ctx.filtersMenuOpen.value" class="lg:hidden">
+			<ButtonStyled>
+				<button @click="ctx.filtersMenuOpen.value = true">Filter results...</button>
+			</ButtonStyled>
+		</div>
+
+		<ButtonStyled v-if="ctx.cycleDisplayMode" circular>
+			<button @click="ctx.cycleDisplayMode!()">
+				<slot name="display-mode-icon" />
+			</button>
+		</ButtonStyled>
+
+		<Pagination
+			:page="ctx.currentPage.value"
+			:count="ctx.pageCount.value"
+			:class="ctx.variant === 'web' ? 'mx-auto sm:ml-auto sm:mr-0' : 'ml-auto'"
+			@switch-page="ctx.setPage"
+		/>
+	</div>
+
+	<SearchFilterControl
+		v-if="ctx.isServerType.value"
+		v-model:selected-filters="ctx.serverCurrentFilters.value"
+		:filters="ctx.serverFilterTypes.value"
+		:provided-filters="[]"
+		:overridden-provided-filter-types="[]"
+	/>
+	<SearchFilterControl
+		v-else
+		v-model:selected-filters="ctx.currentFilters.value"
+		:filters="ctx.filters.value.filter((f) => f.display !== 'none')"
+		:provided-filters="ctx.providedFilters?.value ?? []"
+		:overridden-provided-filter-types="ctx.overriddenProvidedFilterTypes.value"
+		:provided-message="lockedMessages?.providedBy"
+	/>
+
+	<div class="search">
+		<section v-if="ctx.loading.value" class="offline">
+			<component :is="ctx.loadingComponent ?? LoadingIndicator" />
+		</section>
+		<section v-else-if="ctx.offline?.value && ctx.totalHits.value === 0" class="offline">
+			You are currently offline. Connect to the internet to browse Modrinth!
+		</section>
+		<section
+			v-else-if="
+				ctx.isServerType.value
+					? ctx.serverHits.value.length === 0
+					: ctx.projectHits.value.length === 0
+			"
+			class="offline"
+		>
+			<p>No results found for your query!</p>
+		</section>
+
+		<ProjectCardList v-else :layout="ctx.effectiveLayout.value">
+			<template v-if="ctx.isServerType.value">
+				<ProjectCard
+					v-for="result in ctx.serverHits.value"
+					:key="`server-card-${result.project_id}`"
+					:title="result.name"
+					:icon-url="result.icon_url || undefined"
+					:summary="result.summary"
+					:tags="result.categories"
+					:link="ctx.getServerProjectLink(result)"
+					:server-online-players="result.minecraft_java_server?.ping?.data?.players_online ?? 0"
+					:server-region="result.minecraft_server?.region"
+					:server-recent-plays="result.minecraft_java_server?.verified_plays_2w ?? 0"
+					:server-modpack-content="ctx.getServerModpackContent?.(result)"
+					:server-ping="ctx.serverPings?.value?.[result.project_id]"
+					:server-status-online="!!result.minecraft_java_server?.ping?.data"
+					:hide-online-players-label="ctx.variant === 'app'"
+					:hide-recent-plays-label="ctx.variant === 'app'"
+					:layout="ctx.effectiveLayout.value"
+					:max-tags="2"
+					is-server-project
+					exclude-loaders
+					:color="result.color ?? undefined"
+					:banner="result.featured_gallery ?? undefined"
+					@contextmenu.prevent.stop="(event: MouseEvent) => ctx.onContextMenu?.(event, result)"
+					@mouseenter="ctx.onServerProjectHover?.(result)"
+					@mouseleave="ctx.onProjectHoverEnd?.()"
+				>
+					<template v-if="ctx.getCardActions" #actions>
+						<div class="flex gap-2">
+							<ButtonStyled
+								v-for="action in ctx.getCardActions(result, ctx.projectType.value)"
+								:key="action.key"
+								:color="action.color"
+								:type="action.type"
+								:circular="action.circular"
+							>
+								<button
+									v-tooltip="action.tooltip"
+									:disabled="action.disabled"
+									@click.stop="action.onClick"
+								>
+									<component :is="action.icon" />
+									<template v-if="!action.circular">{{ action.label }}</template>
+								</button>
+							</ButtonStyled>
+						</div>
+					</template>
+				</ProjectCard>
+			</template>
+			<template v-else>
+				<ProjectCard
+					v-for="result in ctx.projectHits.value"
+					:key="result.project_id"
+					:link="ctx.getProjectLink(result)"
+					:title="result.title"
+					:icon-url="result.icon_url"
+					:author="{
+						name: result.author,
+						link:
+							ctx.variant === 'web'
+								? `/user/${result.author}`
+								: `https://modrinth.com/user/${result.author}`,
+					}"
+					:date-updated="result.date_modified"
+					:date-published="result.date_created"
+					:displayed-date="
+						ctx.effectiveCurrentSortType.value.name === 'newest' ? 'published' : 'updated'
+					"
+					:downloads="result.downloads"
+					:summary="result.description"
+					:tags="result.display_categories"
+					:all-tags="result.categories"
+					:deprioritized-tags="ctx.deprioritizedTags.value"
+					:exclude-loaders="ctx.excludeLoaders.value"
+					:followers="result.follows"
+					:banner="result.featured_gallery ?? undefined"
+					:color="result.color ?? undefined"
+					:environment="
+						['mod', 'modpack'].includes(ctx.projectType.value)
+							? {
+									clientSide: result.client_side as Labrinth.Projects.v2.Environment,
+									serverSide: result.server_side as Labrinth.Projects.v2.Environment,
+								}
+							: undefined
+					"
+					:layout="ctx.effectiveLayout.value"
+					@contextmenu.prevent.stop="(event: MouseEvent) => ctx.onContextMenu?.(event, result)"
+					@mouseenter="ctx.onProjectHover?.(result)"
+					@mouseleave="ctx.onProjectHoverEnd?.()"
+				>
+					<template v-if="ctx.getCardActions" #actions>
+						<div class="flex gap-2">
+							<ButtonStyled
+								v-for="action in ctx.getCardActions(result, ctx.projectType.value)"
+								:key="action.key"
+								:color="action.color"
+								:type="action.type"
+								:circular="action.circular"
+							>
+								<button
+									v-tooltip="action.tooltip"
+									:disabled="action.disabled"
+									@click.stop="action.onClick"
+								>
+									<component :is="action.icon" />
+									<template v-if="!action.circular">{{ action.label }}</template>
+								</button>
+							</ButtonStyled>
+						</div>
+					</template>
+				</ProjectCard>
+			</template>
+		</ProjectCardList>
+
+		<div :class="ctx.variant === 'web' ? 'pagination-after' : 'flex justify-end'">
+			<Pagination
+				:page="ctx.currentPage.value"
+				:count="ctx.pageCount.value"
+				:class="ctx.variant === 'web' ? 'justify-end' : 'pagination-after'"
+				@switch-page="ctx.setPage"
+			/>
+		</div>
+	</div>
+
+	<slot name="after" />
+</template>
diff --git a/packages/ui/src/layouts/shared/browse-tab/providers/browse-manager.ts b/packages/ui/src/layouts/shared/browse-tab/providers/browse-manager.ts
new file mode 100644
index 000000000..75ff3712f
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/providers/browse-manager.ts
@@ -0,0 +1,106 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { Component, ComputedRef, MaybeRef, Ref, ShallowRef } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+
+import { createContext } from '#ui/providers/create-context'
+import type { FilterType, FilterValue, SortType } from '#ui/utils/search'
+
+import type {
+	BrowseInstallContext,
+	BrowseSearchResponse,
+	CardAction,
+	ServerModpackContent,
+} from '../types'
+
+export interface BrowseManagerContext {
+	tags: Ref<{
+		gameVersions: Labrinth.Tags.v2.GameVersion[]
+		loaders: Labrinth.Tags.v2.Loader[]
+		categories: Labrinth.Tags.v2.Category[]
+	}>
+	projectType: Ref<string>
+
+	query: Ref<string>
+	filters: ComputedRef<FilterType[]>
+	currentFilters: Ref<FilterValue[]>
+	toggledGroups: Ref<string[]>
+	overriddenProvidedFilterTypes: Ref<string[]>
+	serverFilterTypes: ComputedRef<FilterType[]>
+	serverCurrentFilters: Ref<FilterValue[]>
+	serverToggledGroups: Ref<string[]>
+	effectiveSortTypes: ComputedRef<readonly SortType[]>
+	effectiveCurrentSortType: Ref<SortType>
+	loading: Ref<boolean>
+	projectHits: ShallowRef<BrowseSearchResponse['projectHits']>
+	serverHits: ShallowRef<BrowseSearchResponse['serverHits']>
+	totalHits: Ref<number>
+	pageCount: ComputedRef<number>
+	maxResults: Ref<number>
+	currentPage: Ref<number>
+	isServerType: ComputedRef<boolean>
+	effectiveLayout: ComputedRef<'list' | 'grid'>
+	deprioritizedTags: ComputedRef<string[]>
+	excludeLoaders: ComputedRef<boolean>
+	refreshSearch: () => Promise<void>
+	setPage: (page: number) => Promise<void>
+	clearSearch: () => void
+	onFilterChange: () => void
+
+	getProjectLink: (result: Labrinth.Search.v2.ResultSearchProject) => string | RouteLocationRaw
+	getServerProjectLink: (
+		result: Labrinth.Search.v3.ResultSearchProject,
+	) => string | RouteLocationRaw
+
+	selectableProjectTypes: ComputedRef<{ label: string; href: string; shown?: boolean }[]>
+	showProjectTypeTabs: ComputedRef<boolean>
+
+	variant: 'app' | 'web'
+
+	getCardActions?: (
+		result: Labrinth.Search.v2.ResultSearchProject | Labrinth.Search.v3.ResultSearchProject,
+		projectType: string,
+	) => CardAction[]
+
+	installContext?: ComputedRef<BrowseInstallContext | null>
+	providedFilters?: ComputedRef<FilterValue[]>
+	hideInstalled?: Ref<boolean>
+	showHideInstalled?: ComputedRef<boolean>
+	hideInstalledLabel?: ComputedRef<string>
+	onInstalled?: (projectId: string) => void
+
+	displayMode?: Ref<'list' | 'grid' | 'gallery'> | ComputedRef<'list' | 'grid' | 'gallery'>
+	cycleDisplayMode?: () => void
+	maxResultsOptions?: ComputedRef<number[]>
+
+	serverPings?: Ref<Record<string, number | undefined>>
+	getServerModpackContent?: (
+		result: Labrinth.Search.v3.ResultSearchProject,
+	) => ServerModpackContent | undefined
+
+	onProjectHover?: (result: Labrinth.Search.v2.ResultSearchProject) => void
+	onServerProjectHover?: (result: Labrinth.Search.v3.ResultSearchProject) => void
+	onProjectHoverEnd?: () => void
+	onContextMenu?: (
+		event: MouseEvent,
+		result: Labrinth.Search.v2.ResultSearchProject | Labrinth.Search.v3.ResultSearchProject,
+	) => void
+	offline?: Ref<boolean>
+
+	filtersMenuOpen?: Ref<boolean>
+
+	lockedFilterMessages?: MaybeRef<{
+		gameVersion?: string
+		modLoader?: string
+		environment?: string
+		syncButton?: string
+		providedBy?: string
+		gameVersionShaderMessage?: string
+	}>
+
+	loadingComponent?: Component
+}
+
+export const [injectBrowseManager, provideBrowseManager] = createContext<BrowseManagerContext>(
+	'BrowsePageLayout',
+	'browseManagerContext',
+)
diff --git a/packages/ui/src/layouts/shared/browse-tab/providers/index.ts b/packages/ui/src/layouts/shared/browse-tab/providers/index.ts
new file mode 100644
index 000000000..4aa2aea60
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/providers/index.ts
@@ -0,0 +1 @@
+export * from './browse-manager'
diff --git a/packages/ui/src/layouts/shared/browse-tab/sidebar.vue b/packages/ui/src/layouts/shared/browse-tab/sidebar.vue
new file mode 100644
index 000000000..68c59be1d
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/sidebar.vue
@@ -0,0 +1,177 @@
+<script setup lang="ts">
+import { InfoIcon, XIcon } from '@modrinth/assets'
+import { computed, toValue } from 'vue'
+
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import Checkbox from '#ui/components/base/Checkbox.vue'
+import SearchSidebarFilter from '#ui/components/search/SearchSidebarFilter.vue'
+
+import { injectBrowseManager } from './providers/browse-manager'
+
+const ctx = injectBrowseManager()
+
+const isApp = computed(() => ctx.variant === 'app')
+const lockedMessages = computed(() => toValue(ctx.lockedFilterMessages))
+
+function closeFiltersMenu() {
+	if (ctx.filtersMenuOpen) {
+		ctx.filtersMenuOpen.value = false
+	}
+	window.scrollTo({ top: 0, behavior: 'instant' as ScrollBehavior })
+}
+
+const filterClass = computed(() => {
+	if (isApp.value) {
+		return 'border-0 border-b-[1px] [&:first-child>button]:pt-4 last:border-b-0 border-[--brand-gradient-border] border-solid'
+	}
+	if (ctx.filtersMenuOpen?.value) {
+		return 'border-0 border-b-[1px] border-solid border-divider last:border-b-0'
+	}
+	return 'card-shadow rounded-2xl bg-bg-raised'
+})
+
+const buttonClass = computed(() => {
+	if (isApp.value) {
+		return 'button-animation flex flex-col gap-1 px-4 py-3 w-full bg-transparent cursor-pointer border-none hover:bg-button-bg'
+	}
+	return 'button-animation flex flex-col gap-1 px-6 py-4 w-full bg-transparent cursor-pointer border-none'
+})
+
+const contentClass = computed(() => (isApp.value ? 'mt-2 mb-3' : 'mb-4 mx-3'))
+const innerPanelClass = computed(() => (isApp.value ? 'ml-2 mr-3' : 'p-1'))
+
+function getFilterOpenByDefault(filterId: string): boolean {
+	if (ctx.isServerType.value) {
+		return ![
+			'server_category_minecraft_server_meta',
+			'server_category_minecraft_server_community',
+			'server_game_version',
+			'server_status',
+		].includes(filterId)
+	}
+	if (isApp.value) {
+		return filterId.startsWith('category') || filterId === 'environment' || filterId === 'license'
+	}
+	if (
+		lockedMessages.value?.gameVersionShaderMessage &&
+		ctx.projectType.value === 'shader' &&
+		filterId === 'game_version'
+	) {
+		return false
+	}
+	return true
+}
+</script>
+
+<template>
+	<slot name="prepend" />
+
+	<div v-if="ctx.filtersMenuOpen?.value" class="fixed inset-0 z-40 bg-bg" />
+
+	<div
+		class="flex flex-col"
+		:class="{
+			'gap-3': !isApp,
+			'fixed inset-0 z-50 m-4 mb-0 overflow-auto rounded-t-3xl bg-bg-raised':
+				ctx.filtersMenuOpen?.value,
+		}"
+	>
+		<div
+			v-if="ctx.filtersMenuOpen?.value"
+			class="sticky top-0 z-10 mx-1 flex items-center justify-between gap-3 border-0 border-b-[1px] border-solid border-divider bg-bg-raised px-6 py-4"
+		>
+			<h3 class="m-0 text-lg text-contrast">Filters</h3>
+			<ButtonStyled circular>
+				<button @click="closeFiltersMenu">
+					<XIcon />
+				</button>
+			</ButtonStyled>
+		</div>
+
+		<div
+			v-if="ctx.showHideInstalled?.value"
+			:class="
+				isApp
+					? 'border-0 border-b-[1px] p-4 last:border-b-0 border-[--brand-gradient-border] border-solid'
+					: 'card-shadow rounded-2xl bg-bg-raised p-4'
+			"
+		>
+			<Checkbox
+				v-model="ctx.hideInstalled!.value"
+				:label="ctx.hideInstalledLabel?.value ?? 'Hide installed content'"
+				class="filter-checkbox"
+				@update:model-value="ctx.onFilterChange()"
+				@click.prevent.stop
+			/>
+		</div>
+
+		<template v-if="ctx.isServerType.value">
+			<SearchSidebarFilter
+				v-for="filterType in ctx.serverFilterTypes.value.filter((f) => f.options.length > 0)"
+				:key="`server-filter-${filterType.id}`"
+				v-model:selected-filters="ctx.serverCurrentFilters.value"
+				v-model:toggled-groups="ctx.serverToggledGroups.value"
+				:provided-filters="[]"
+				:filter-type="filterType"
+				:class="filterClass"
+				:button-class="buttonClass"
+				:content-class="contentClass"
+				:inner-panel-class="innerPanelClass"
+				:open-by-default="getFilterOpenByDefault(filterType.id)"
+			>
+				<template #header>
+					<h3 :class="isApp ? 'text-base m-0' : 'm-0 text-lg'">
+						{{ filterType.formatted_name }}
+					</h3>
+				</template>
+			</SearchSidebarFilter>
+		</template>
+		<template v-else>
+			<SearchSidebarFilter
+				v-for="filter in ctx.filters.value.filter((f) => f.display !== 'none')"
+				:key="`filter-${filter.id}`"
+				v-model:selected-filters="ctx.currentFilters.value"
+				v-model:toggled-groups="ctx.toggledGroups.value"
+				v-model:overridden-provided-filter-types="ctx.overriddenProvidedFilterTypes.value"
+				:provided-filters="ctx.providedFilters?.value ?? []"
+				:filter-type="filter"
+				:class="filterClass"
+				:button-class="buttonClass"
+				:content-class="contentClass"
+				:inner-panel-class="innerPanelClass"
+				:open-by-default="getFilterOpenByDefault(filter.id)"
+			>
+				<template #header>
+					<h3 :class="isApp ? 'text-base m-0' : 'm-0 text-lg'">
+						{{ filter.formatted_name }}
+					</h3>
+				</template>
+				<template
+					v-if="
+						lockedMessages?.gameVersionShaderMessage &&
+						ctx.projectType.value === 'shader' &&
+						filter.id === 'game_version'
+					"
+					#prefix
+				>
+					<div class="mb-4 grid grid-cols-[auto_1fr] gap-2 px-3 text-sm font-medium text-blue">
+						<InfoIcon class="mt-1 size-4" />
+						<span>{{ lockedMessages.gameVersionShaderMessage }}</span>
+					</div>
+				</template>
+				<template v-if="lockedMessages?.gameVersion" #locked-game_version>
+					{{ lockedMessages.gameVersion }}
+				</template>
+				<template v-if="lockedMessages?.modLoader" #locked-mod_loader>
+					{{ lockedMessages.modLoader }}
+				</template>
+				<template v-if="lockedMessages?.environment" #locked-environment>
+					{{ lockedMessages.environment }}
+				</template>
+				<template v-if="lockedMessages?.syncButton" #sync-button>
+					{{ lockedMessages.syncButton }}
+				</template>
+			</SearchSidebarFilter>
+		</template>
+	</div>
+</template>
diff --git a/packages/ui/src/layouts/shared/browse-tab/types.ts b/packages/ui/src/layouts/shared/browse-tab/types.ts
new file mode 100644
index 000000000..2ab81f820
--- /dev/null
+++ b/packages/ui/src/layouts/shared/browse-tab/types.ts
@@ -0,0 +1,46 @@
+import type { Labrinth } from '@modrinth/api-client'
+import type { Component } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+
+export interface BrowseSearchResponse {
+	projectHits: (Labrinth.Search.v2.ResultSearchProject & {
+		installed?: boolean
+		installing?: boolean
+	})[]
+	serverHits: Labrinth.Search.v3.ResultSearchProject[]
+	total_hits: number
+	per_page: number
+}
+
+export interface BrowseInstallContext {
+	name: string
+	loader: string
+	gameVersion: string
+	serverId?: string | null
+	upstream?: { project_id?: string | null } | null
+	iconSrc?: string | null
+	isMedal?: boolean
+	backUrl: string | RouteLocationRaw
+	backLabel: string
+	heading: string
+	warning?: string
+}
+
+export interface CardAction {
+	key: string
+	label: string
+	icon: Component
+	disabled?: boolean
+	color?: 'brand' | 'red'
+	type?: 'standard' | 'outlined' | 'transparent'
+	circular?: boolean
+	tooltip?: string
+	onClick: () => void | Promise<void>
+}
+
+export interface ServerModpackContent {
+	name: string
+	icon?: string
+	onclick?: () => void
+	showCustomModpackTooltip: boolean
+}
diff --git a/packages/ui/src/layouts/shared/console/components/ConsoleActionButtons.vue b/packages/ui/src/layouts/shared/console/components/ConsoleActionButtons.vue
new file mode 100644
index 000000000..8c4daf10d
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/components/ConsoleActionButtons.vue
@@ -0,0 +1,70 @@
+<template>
+	<div class="flex items-center gap-1">
+		<ButtonStyled v-if="showClear && hasLogs" type="transparent">
+			<button @click="emit('clear')">
+				<XIcon />
+				Clear
+			</button>
+		</ButtonStyled>
+		<ButtonStyled v-if="showDelete" type="transparent" hover-color-fill="background" color="red">
+			<button
+				v-tooltip="deleteDisabled ? deleteDisabledTooltip : undefined"
+				:disabled="deleteDisabled"
+				@click="emit('delete')"
+			>
+				<TrashIcon />
+				Delete
+			</button>
+		</ButtonStyled>
+		<ButtonStyled v-if="hasLogs" type="transparent">
+			<button
+				v-tooltip="shareDisabled ? shareDisabledTooltip : undefined"
+				:disabled="shareDisabled || sharing"
+				@click="emit('share')"
+			>
+				<SpinnerIcon v-if="sharing" class="animate-spin" />
+				<ShareIcon v-else />
+				Share
+			</button>
+		</ButtonStyled>
+		<ButtonStyled type="transparent">
+			<button @click="emit('toggle-fullscreen')">
+				<ContractIcon v-if="fullscreen" />
+				<ExpandIcon v-else />
+				{{ fullscreen ? 'Collapse' : 'Expand' }}
+			</button>
+		</ButtonStyled>
+	</div>
+</template>
+
+<script setup lang="ts">
+import {
+	ContractIcon,
+	ExpandIcon,
+	ShareIcon,
+	SpinnerIcon,
+	TrashIcon,
+	XIcon,
+} from '@modrinth/assets'
+
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+
+defineProps<{
+	showClear?: boolean
+	hasLogs?: boolean
+	shareDisabled?: boolean
+	shareDisabledTooltip?: string
+	sharing?: boolean
+	fullscreen?: boolean
+	showDelete?: boolean
+	deleteDisabled?: boolean
+	deleteDisabledTooltip?: string
+}>()
+
+const emit = defineEmits<{
+	clear: []
+	share: []
+	'toggle-fullscreen': []
+	delete: []
+}>()
+</script>
diff --git a/packages/ui/src/layouts/shared/console/components/ConsoleFilterPills.vue b/packages/ui/src/layouts/shared/console/components/ConsoleFilterPills.vue
new file mode 100644
index 000000000..3f61a5b12
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/components/ConsoleFilterPills.vue
@@ -0,0 +1,60 @@
+<template>
+	<FilterPills v-model="selectedFilters" :options="visibleOptions">
+		<template #all> All </template>
+	</FilterPills>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import FilterPills from '#ui/components/base/FilterPills.vue'
+
+import type { ConditionalLevel } from '../composables/console-filtering'
+import type { LogLevel } from '../types'
+
+type FilterValue = LogLevel | 'all'
+
+const ALWAYS_VISIBLE: Array<{ id: LogLevel; label: string }> = [
+	{ id: 'error', label: 'Error' },
+	{ id: 'warn', label: 'Warn' },
+	{ id: 'info', label: 'Info' },
+]
+
+const CONDITIONAL_OPTIONS: Array<{ id: ConditionalLevel; label: string }> = [
+	{ id: 'debug', label: 'Debug' },
+	{ id: 'trace', label: 'Trace' },
+]
+
+const props = defineProps<{
+	presentLevels: Set<ConditionalLevel>
+}>()
+
+const modelValue = defineModel<Set<FilterValue>>({ required: true })
+
+const emit = defineEmits<{
+	toggle: [value: FilterValue]
+}>()
+
+const visibleOptions = computed(() => [
+	...ALWAYS_VISIBLE,
+	...CONDITIONAL_OPTIONS.filter((opt) => props.presentLevels.has(opt.id)),
+])
+
+const selectedFilters = computed({
+	get() {
+		if (modelValue.value.has('all')) return []
+		return [...modelValue.value] as string[]
+	},
+	set(ids: string[]) {
+		if (ids.length === 0) {
+			emit('toggle', 'all')
+		} else {
+			const current = selectedFilters.value
+			const added = ids.find((id) => !current.includes(id))
+			const removed = current.find((id) => !ids.includes(id))
+			if (added) emit('toggle', added as FilterValue)
+			if (removed) emit('toggle', removed as FilterValue)
+		}
+	},
+})
+</script>
diff --git a/packages/ui/src/layouts/shared/console/composables/console-filtering.ts b/packages/ui/src/layouts/shared/console/composables/console-filtering.ts
new file mode 100644
index 000000000..5fd1bde6a
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/composables/console-filtering.ts
@@ -0,0 +1,97 @@
+import type { Terminal } from '@xterm/xterm'
+import { ref } from 'vue'
+
+import type { LogLevel, LogLine } from '../types'
+
+export type FilterPredicate = (line: LogLine) => boolean
+
+function highlightMatches(text: string, query: string): string {
+	if (!query) return text
+	const lower = text.toLowerCase()
+	let result = ''
+	let pos = 0
+	while (pos < text.length) {
+		const idx = lower.indexOf(query, pos)
+		if (idx === -1) {
+			result += text.slice(pos)
+			break
+		}
+		result += text.slice(pos, idx)
+		result += `\x1b[1;7m${text.slice(idx, idx + query.length)}\x1b[27;22m`
+		pos = idx + query.length
+	}
+	return result
+}
+
+export function colorize(line: LogLine, searchQuery?: string): string {
+	const text = searchQuery ? highlightMatches(line.text, searchQuery) : line.text
+	switch (line.level) {
+		case 'error':
+			return `\x1b[31;40m${text}\x1b[K\x1b[0m`
+		case 'warn':
+			return `\x1b[33;40m${text}\x1b[K\x1b[0m`
+		case 'debug':
+		case 'trace':
+			return `\x1b[90m${text}\x1b[0m`
+		default:
+			return text
+	}
+}
+
+export type ConditionalLevel = 'debug' | 'trace'
+
+export function useConsoleFilters() {
+	const activeFilters = ref<Set<LogLevel | 'all'>>(new Set(['all']))
+
+	function toggleFilter(level: LogLevel | 'all') {
+		const next = new Set(activeFilters.value)
+		if (level === 'all') {
+			next.clear()
+			next.add('all')
+		} else {
+			next.delete('all')
+			if (next.has(level)) {
+				next.delete(level)
+			} else {
+				next.add(level)
+			}
+			if (next.size === 0) {
+				next.add('all')
+			}
+		}
+		activeFilters.value = next
+	}
+
+	function buildFilterPredicate(): FilterPredicate | null {
+		if (activeFilters.value.has('all')) return null
+		const allowed = activeFilters.value
+		return (line: LogLine) => {
+			return allowed.has(line.level ?? 'info')
+		}
+	}
+
+	return { activeFilters, toggleFilter, buildFilterPredicate }
+}
+
+export function rewriteTerminal(
+	terminal: Terminal,
+	allLines: LogLine[],
+	predicate: FilterPredicate | null,
+	searchQuery?: string,
+	callback?: () => void,
+) {
+	terminal.reset()
+	terminal.write('\x1b[?25l')
+
+	const filtered = predicate ? allLines.filter(predicate) : allLines
+	if (filtered.length === 0) {
+		callback?.()
+		return
+	}
+
+	terminal.write('\x1b[?2026h')
+	terminal.write(filtered.map((line) => colorize(line, searchQuery)).join('\r\n'), () => {
+		terminal.write('\x1b[?2026l')
+		callback?.()
+	})
+}
diff --git a/packages/ui/src/layouts/shared/console/composables/index.ts b/packages/ui/src/layouts/shared/console/composables/index.ts
new file mode 100644
index 000000000..e0557821a
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/composables/index.ts
@@ -0,0 +1,9 @@
+export {
+	colorize,
+	type ConditionalLevel,
+	type FilterPredicate,
+	rewriteTerminal,
+	useConsoleFilters,
+} from './console-filtering'
+export { computeHighlightColors, LogHighlightAddon } from './log-highlight-addon'
+export { detectLogLevel } from './log-level'
diff --git a/packages/ui/src/layouts/shared/console/composables/log-highlight-addon.ts b/packages/ui/src/layouts/shared/console/composables/log-highlight-addon.ts
new file mode 100644
index 000000000..8f164dfd1
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/composables/log-highlight-addon.ts
@@ -0,0 +1,242 @@
+import type { IDecoration, IDisposable, IMarker, ITerminalAddon, Terminal } from '@xterm/xterm'
+
+import { getCssVar } from '#ui/composables/terminal'
+
+import type { LogLevel } from '../types'
+
+export interface HighlightColors {
+	errorPrimary: string
+	errorWrap: string
+	warnPrimary: string
+	warnWrap: string
+}
+
+interface TrackedLine {
+	marker: IMarker
+	level: 'error' | 'warn'
+	isEntryStart: boolean
+	primary: IDecoration | undefined
+	wraps: IDecoration[]
+}
+
+type HighlightClass = 'hl-error-primary' | 'hl-error-wrap' | 'hl-warn-primary' | 'hl-warn-wrap'
+
+const LOG_ENTRY_START = /^\[\d{2}:\d{2}:\d{2}\]/
+
+function parseHex(hex: string): [number, number, number] {
+	const h = hex.startsWith('#') ? hex.slice(1) : hex
+	return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)]
+}
+
+function blendHex(base: string, overlay: string, alpha: number): string {
+	const [br, bg, bb] = parseHex(base)
+	const [or, og, ob] = parseHex(overlay)
+	const r = Math.round(br + (or - br) * alpha)
+	const g = Math.round(bg + (og - bg) * alpha)
+	const b = Math.round(bb + (ob - bb) * alpha)
+	return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`
+}
+
+export function computeHighlightColors(): HighlightColors {
+	const bg = getCssVar('--surface-2', '#1d1f23')
+	const red = getCssVar('--color-red', '#ff496e')
+	const orange = getCssVar('--color-orange', '#ffa347')
+	return {
+		errorPrimary: blendHex(bg, red, 0.15),
+		errorWrap: blendHex(bg, red, 0.04),
+		warnPrimary: blendHex(bg, orange, 0.15),
+		warnWrap: blendHex(bg, orange, 0.04),
+	}
+}
+
+export class LogHighlightAddon implements ITerminalAddon {
+	private terminal: Terminal | null = null
+	private tracked: TrackedLine[] = []
+	private colors: HighlightColors
+	private disposables: IDisposable[] = []
+	private styleElement: HTMLStyleElement | null = null
+
+	constructor(colors: HighlightColors) {
+		this.colors = colors
+	}
+
+	activate(terminal: Terminal): void {
+		this.terminal = terminal
+		this.injectStylesheet()
+		this.disposables.push(terminal.onResize(() => this.rebuildAllDecorations()))
+	}
+
+	dispose(): void {
+		for (const d of this.disposables) d.dispose()
+		this.disposables = []
+		this.clearAll()
+		this.styleElement?.remove()
+		this.styleElement = null
+		this.terminal = null
+	}
+
+	applyFromLine(startLine: number, levels: Array<LogLevel | null>): void {
+		const term = this.terminal
+		if (!term) return
+
+		const buffer = term.buffer.active
+		let levelIdx = 0
+
+		for (let line = startLine; line < buffer.length && levelIdx < levels.length; line++) {
+			const bufLine = buffer.getLine(line)
+			if (!bufLine || bufLine.isWrapped) continue
+
+			const level = levels[levelIdx++]
+			if (level === 'error' || level === 'warn') {
+				this.decorateLogicalLine(line, level)
+			}
+		}
+	}
+
+	clearAll(): void {
+		for (const tl of this.tracked) {
+			tl.primary?.dispose()
+			for (const w of tl.wraps) w.dispose()
+			tl.marker.dispose()
+		}
+		this.tracked = []
+	}
+
+	updateColors(colors: HighlightColors): void {
+		this.colors = colors
+		this.updateStylesheet()
+		this.rebuildAllDecorations()
+	}
+
+	private injectStylesheet(): void {
+		const el = this.terminal?.element
+		if (!el) return
+		this.styleElement = document.createElement('style')
+		this.updateStylesheet()
+		el.appendChild(this.styleElement)
+	}
+
+	private updateStylesheet(): void {
+		if (!this.styleElement) return
+		this.styleElement.textContent = [
+			`.hl-error-primary { background-color: ${this.colors.errorPrimary} !important; }`,
+			`.hl-error-wrap { background-color: ${this.colors.errorWrap} !important; }`,
+			`.hl-warn-primary { background-color: ${this.colors.warnPrimary} !important; }`,
+			`.hl-warn-wrap { background-color: ${this.colors.warnWrap} !important; }`,
+		].join('\n')
+	}
+
+	private classForDecoration(level: 'error' | 'warn', isEntryStart: boolean): HighlightClass {
+		if (level === 'error') return isEntryStart ? 'hl-error-primary' : 'hl-error-wrap'
+		return isEntryStart ? 'hl-warn-primary' : 'hl-warn-wrap'
+	}
+
+	private tagElement(dec: IDecoration | undefined, cls: HighlightClass): void {
+		if (!dec) return
+		const disposable = dec.onRender((el) => {
+			el.classList.add(cls)
+			disposable.dispose()
+		})
+	}
+
+	private decorateLogicalLine(bufferLine: number, level: 'error' | 'warn'): void {
+		const term = this.terminal
+		if (!term) return
+
+		const buffer = term.buffer.active
+		const cursorAbsolute = buffer.baseY + buffer.cursorY
+		const offset = bufferLine - cursorAbsolute
+		const marker = term.registerMarker(offset)
+		if (!marker) return
+
+		const lineText = buffer.getLine(bufferLine)?.translateToString(true) ?? ''
+		const isEntryStart = LOG_ENTRY_START.test(lineText)
+
+		const bgColor = isEntryStart
+			? level === 'error'
+				? this.colors.errorPrimary
+				: this.colors.warnPrimary
+			: level === 'error'
+				? this.colors.errorWrap
+				: this.colors.warnWrap
+
+		const primary = term.registerDecoration({
+			marker,
+			backgroundColor: bgColor,
+			width: term.cols,
+			layer: 'bottom',
+		})
+		this.tagElement(primary, this.classForDecoration(level, isEntryStart))
+		const wraps = this.createWrapDecorations(bufferLine, level)
+
+		this.tracked.push({ marker, level, isEntryStart, primary, wraps })
+	}
+
+	private createWrapDecorations(primaryLine: number, level: 'error' | 'warn'): IDecoration[] {
+		const term = this.terminal
+		if (!term) return []
+
+		const buffer = term.buffer.active
+		const decorations: IDecoration[] = []
+		const cursorAbsolute = buffer.baseY + buffer.cursorY
+		const cls = this.classForDecoration(level, false)
+		const color = level === 'error' ? this.colors.errorWrap : this.colors.warnWrap
+
+		for (let line = primaryLine + 1; line < buffer.length; line++) {
+			const bufLine = buffer.getLine(line)
+			if (!bufLine || !bufLine.isWrapped) break
+
+			const offset = line - cursorAbsolute
+			const wrapMarker = term.registerMarker(offset)
+			if (!wrapMarker) continue
+
+			const dec = term.registerDecoration({
+				marker: wrapMarker,
+				backgroundColor: color,
+				width: term.cols,
+				layer: 'bottom',
+			})
+			if (dec) {
+				this.tagElement(dec, cls)
+				decorations.push(dec)
+			}
+		}
+
+		return decorations
+	}
+
+	private rebuildAllDecorations(): void {
+		const term = this.terminal
+		if (!term) return
+
+		for (const tl of this.tracked) {
+			tl.primary?.dispose()
+			for (const w of tl.wraps) w.dispose()
+
+			if (tl.marker.line === -1) {
+				tl.primary = undefined
+				tl.wraps = []
+				continue
+			}
+
+			const cls = this.classForDecoration(tl.level, tl.isEntryStart)
+			const bgColor = tl.isEntryStart
+				? tl.level === 'error'
+					? this.colors.errorPrimary
+					: this.colors.warnPrimary
+				: tl.level === 'error'
+					? this.colors.errorWrap
+					: this.colors.warnWrap
+			tl.primary = term.registerDecoration({
+				marker: tl.marker,
+				backgroundColor: bgColor,
+				width: term.cols,
+				layer: 'bottom',
+			})
+			this.tagElement(tl.primary, cls)
+			tl.wraps = this.createWrapDecorations(tl.marker.line, tl.level)
+		}
+
+		this.tracked = this.tracked.filter((tl) => tl.marker.line !== -1)
+	}
+}
diff --git a/packages/ui/src/layouts/shared/console/composables/log-level.ts b/packages/ui/src/layouts/shared/console/composables/log-level.ts
new file mode 100644
index 000000000..ef93a5ee6
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/composables/log-level.ts
@@ -0,0 +1,14 @@
+import type { LogLevel } from '../types'
+
+const ERROR_TRIGGERS = ['/ERROR', 'Exception:', ':?]', 'Error', '[thread', '\tat']
+
+export function detectLogLevel(lineText: string): LogLevel | null {
+	if (lineText.includes('/INFO') || lineText.includes('[System] [CHAT]')) return 'info'
+	if (lineText.includes('/WARN')) return 'warn'
+	if (lineText.includes('/DEBUG')) return 'debug'
+	if (lineText.includes('/TRACE')) return 'trace'
+	for (const trigger of ERROR_TRIGGERS) {
+		if (lineText.includes(trigger)) return 'error'
+	}
+	return null
+}
diff --git a/packages/ui/src/layouts/shared/console/index.ts b/packages/ui/src/layouts/shared/console/index.ts
new file mode 100644
index 000000000..8739d8089
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/index.ts
@@ -0,0 +1,3 @@
+export { default as ConsolePageLayout } from './layout.vue'
+export * from './providers'
+export * from './types'
diff --git a/packages/ui/src/layouts/shared/console/layout.vue b/packages/ui/src/layouts/shared/console/layout.vue
new file mode 100644
index 000000000..fe0dc7ed2
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/layout.vue
@@ -0,0 +1,357 @@
+<template>
+	<div
+		class="flex min-h-0 flex-1 flex-col gap-4"
+		:class="isFullscreen ? `fixed inset-0 z-50 bg-surface-1 p-6 py-8 ${isApp ? 'pt-12' : ''}` : ''"
+	>
+		<CollapsibleAdmonition
+			v-if="ctx.crashAnalysis?.value"
+			type="critical"
+			:header="crashHeader"
+			:items="crashItems"
+			dismissible
+			@dismiss="ctx.onDismissCrash?.()"
+		/>
+
+		<div class="flex items-center gap-2">
+			<StyledInput
+				v-model="searchQuery"
+				:icon="SearchIcon"
+				placeholder="Search logs"
+				wrapper-class="flex-1"
+				input-class="!h-10"
+				clearable
+			/>
+			<div v-if="ctx.logSources?.value && ctx.activeLogSourceIndex" class="w-[220px]">
+				<Combobox
+					:model-value="ctx.activeLogSourceIndex.value"
+					:options="logSourceOptions"
+					@update:model-value="(v) => (ctx.activeLogSourceIndex!.value = v)"
+				/>
+			</div>
+		</div>
+
+		<div class="flex items-center justify-between">
+			<ConsoleFilterPills
+				v-model="activeFilters"
+				:present-levels="presentLevels"
+				@toggle="handleFilterToggle"
+			/>
+			<ConsoleActionButtons
+				:show-clear="isLiveSource"
+				:has-logs="hasLogs"
+				:share-disabled="resolvedShareDisabled"
+				:sharing="isSharing"
+				:fullscreen="isFullscreen"
+				:show-delete="showDelete"
+				:delete-disabled="resolvedDeleteDisabled"
+				:delete-disabled-tooltip="ctx.deleteDisabledTooltip"
+				@clear="handleClear"
+				@share="handleShare"
+				@toggle-fullscreen="toggleFullscreen"
+				@delete="handleDelete"
+			/>
+		</div>
+
+		<BaseTerminal
+			ref="terminalRef"
+			class="min-h-0 flex-1"
+			:show-input="resolvedShowInput"
+			:disable-input="resolvedDisableInput"
+			:fullscreen="isFullscreen"
+			:empty-state-type="ctx.emptyStateType"
+			@command="handleCommand"
+			@ready="handleTerminalReady"
+		/>
+	</div>
+	<ShareModal ref="shareModal" header="Share Logs" link :social-buttons="false" />
+	<NewModal ref="deleteModal" header="Delete log file" :fade="'danger'" max-width="500px">
+		<div class="flex flex-col gap-6">
+			<Admonition type="critical" header="This is irreversible">
+				Deleting this log file cannot be undone. Are you sure you want to continue?
+			</Admonition>
+		</div>
+		<template #actions>
+			<div class="flex justify-end gap-2">
+				<ButtonStyled type="outlined">
+					<button class="!border !border-surface-4" @click="deleteModal?.hide()">
+						<XIcon />
+						Cancel
+					</button>
+				</ButtonStyled>
+				<ButtonStyled color="red">
+					<button :disabled="isDeleting" @click="confirmDelete">
+						<TrashIcon />
+						Delete
+					</button>
+				</ButtonStyled>
+			</div>
+		</template>
+	</NewModal>
+</template>
+
+<script setup lang="ts">
+import { SearchIcon, TrashIcon, XIcon } from '@modrinth/assets'
+import type { Terminal } from '@xterm/xterm'
+import { computed, isRef, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+
+import Admonition from '#ui/components/base/Admonition.vue'
+import BaseTerminal from '#ui/components/base/BaseTerminal.vue'
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import type { CollapsibleAdmonitionItem } from '#ui/components/base/CollapsibleAdmonition.vue'
+import CollapsibleAdmonition from '#ui/components/base/CollapsibleAdmonition.vue'
+import Combobox from '#ui/components/base/Combobox.vue'
+import StyledInput from '#ui/components/base/StyledInput.vue'
+import NewModal from '#ui/components/modal/NewModal.vue'
+import ShareModal from '#ui/components/modal/ShareModal.vue'
+import { injectModrinthClient } from '#ui/providers'
+import { injectModalBehavior } from '#ui/providers/modal-behavior'
+import { injectNotificationManager } from '#ui/providers/web-notifications.ts'
+
+import ConsoleActionButtons from './components/ConsoleActionButtons.vue'
+import ConsoleFilterPills from './components/ConsoleFilterPills.vue'
+import { colorize, rewriteTerminal, useConsoleFilters } from './composables'
+import type { ConditionalLevel } from './composables/console-filtering'
+import { injectConsoleManager } from './providers'
+import type { LogLevel, LogLine } from './types'
+
+const ctx = injectConsoleManager()
+const client = injectModrinthClient()
+const modalBehavior = injectModalBehavior()
+const { addNotification } = injectNotificationManager()
+
+const crashHeader = computed(() => {
+	const problems = ctx.crashAnalysis?.value?.analysis.problems ?? []
+	const count = problems.length
+	return `${count} problem${count !== 1 ? 's' : ''} detected`
+})
+
+const crashItems = computed<CollapsibleAdmonitionItem[]>(() => {
+	const problems = ctx.crashAnalysis?.value?.analysis.problems ?? []
+	return problems.map((p) => ({
+		title: p.message,
+		descriptions: p.solutions.map((s) => s.message),
+	}))
+})
+
+const terminalRef = ref<InstanceType<typeof BaseTerminal> | null>(null)
+const shareModal = ref<InstanceType<typeof ShareModal> | null>(null)
+const deleteModal = ref<InstanceType<typeof NewModal> | null>(null)
+const isDeleting = ref(false)
+const searchQuery = ref('')
+const isFullscreen = ref(false)
+const isApp =
+	typeof window !== 'undefined' && !!(window as Record<string, unknown>).__TAURI_INTERNALS__
+const isSharing = ref(false)
+const { activeFilters, toggleFilter, buildFilterPredicate } = useConsoleFilters()
+const hasLogs = computed(() => ctx.logLines.value.length > 0)
+const presentLevels = computed(() => {
+	const levels = new Set<ConditionalLevel>()
+	for (const line of ctx.logLines.value) {
+		if (line.level === 'debug') levels.add('debug')
+		if (line.level === 'trace') levels.add('trace')
+		if (levels.size === 2) break
+	}
+	return levels
+})
+const isLiveSource = computed(() => {
+	const sources = ctx.logSources?.value
+	const index = ctx.activeLogSourceIndex?.value
+	if (!sources || index === undefined) return true
+	return sources[index]?.live ?? true
+})
+const logSourceOptions = computed(() =>
+	(ctx.logSources?.value ?? []).map((s, i) => ({ value: i, label: s.name })),
+)
+
+function buildCombinedPredicate(): ((line: LogLine) => boolean) | null {
+	const levelPred = buildFilterPredicate()
+	const query = searchQuery.value.trim().toLowerCase()
+	if (!levelPred && !query) return null
+	return (line: LogLine) => {
+		if (levelPred && !levelPred(line)) return false
+		if (query && !line.text.toLowerCase().includes(query)) return false
+		return true
+	}
+}
+
+onBeforeUnmount(() => {
+	if (isFullscreen.value) {
+		document.body.style.overflow = ''
+		modalBehavior?.onHide?.()
+	}
+})
+
+let lastWrittenIndex = 0
+let searchDebounce: ReturnType<typeof setTimeout> | null = null
+
+const resolvedShowInput = computed(() => {
+	const v = ctx.showCommandInput
+	if (v === undefined) return false
+	if (typeof v === 'boolean') return v
+	return isRef(v) ? v.value : v
+})
+
+const resolvedDisableInput = computed(() => {
+	const v = ctx.disableCommandInput
+	if (!v) return false
+	return isRef(v) ? v.value : v
+})
+
+const resolvedShareDisabled = computed(() => {
+	const v = ctx.shareDisabled
+	if (!v) return false
+	return isRef(v) ? v.value : v
+})
+
+const showDelete = computed(() => !isLiveSource.value && ctx.onDelete != null)
+
+const resolvedDeleteDisabled = computed(() => {
+	const v = ctx.deleteDisabled
+	if (!v) return false
+	return isRef(v) ? v.value : v
+})
+
+function handleTerminalReady(_terminal: Terminal) {
+	rewriteFiltered()
+}
+
+function handleFilterToggle(value: LogLevel | 'all') {
+	toggleFilter(value)
+	rewriteFiltered()
+}
+
+function activeSearchQuery(): string {
+	return searchQuery.value.trim().toLowerCase()
+}
+
+function rewriteFiltered() {
+	const term = terminalRef.value?.terminal
+	if (!term) return
+	const lines = ctx.logLines.value
+	if (lines.length === 0 && isLiveSource.value) {
+		writeEmptyState()
+		return
+	}
+	terminalRef.value?.clearEmptyState()
+	const predicate = buildCombinedPredicate()
+	rewriteTerminal(term, lines, predicate, activeSearchQuery())
+	lastWrittenIndex = lines.length
+}
+
+function toggleFullscreen() {
+	isFullscreen.value = !isFullscreen.value
+	if (isFullscreen.value) {
+		document.body.style.overflow = 'hidden'
+		modalBehavior?.onShow?.()
+	} else {
+		document.body.style.overflow = ''
+		modalBehavior?.onHide?.()
+	}
+	nextTick(() => {
+		terminalRef.value?.fit()
+	})
+}
+
+function writeEmptyState() {
+	terminalRef.value?.writeEmptyState()
+	lastWrittenIndex = 0
+}
+
+watch(ctx.logLines, (lines, oldLines) => {
+	const term = terminalRef.value?.terminal
+	if (!term) return
+
+	if (lines.length === 0 && isLiveSource.value) {
+		writeEmptyState()
+		return
+	}
+
+	if (
+		terminalRef.value?.showingEmptyState ||
+		lines !== oldLines ||
+		lines.length < lastWrittenIndex
+	) {
+		terminalRef.value?.clearEmptyState()
+		rewriteFiltered()
+		return
+	}
+
+	const predicate = buildCombinedPredicate()
+	const query = activeSearchQuery()
+	const newLines: string[] = []
+	for (let i = lastWrittenIndex; i < lines.length; i++) {
+		if (!predicate || predicate(lines[i])) {
+			newLines.push(colorize(lines[i], query))
+		}
+	}
+	if (newLines.length > 0) {
+		const buffer = term.buffer.active
+		const onFreshLine = buffer.cursorX === 0
+		const data = onFreshLine ? newLines.join('\r\n') : '\r\n' + newLines.join('\r\n')
+		term.write(data)
+	}
+	lastWrittenIndex = lines.length
+})
+
+watch(searchQuery, () => {
+	if (searchDebounce) clearTimeout(searchDebounce)
+	searchDebounce = setTimeout(() => {
+		rewriteFiltered()
+	}, 200)
+})
+
+function handleCommand(cmd: string) {
+	ctx.sendCommand?.(cmd)
+}
+
+function handleClear() {
+	terminalRef.value?.reset()
+	lastWrittenIndex = 0
+	ctx.onClear?.()
+}
+
+function handleDelete() {
+	deleteModal.value?.show()
+}
+
+async function confirmDelete() {
+	if (!ctx.onDelete) return
+	isDeleting.value = true
+	try {
+		await ctx.onDelete()
+		deleteModal.value?.hide()
+	} catch (err) {
+		console.error('Failed to delete log file:', err)
+		addNotification({
+			type: 'error',
+			title: 'Failed to delete log file',
+			text: typeof err === 'string' ? err : 'Unknown error.',
+		})
+	} finally {
+		isDeleting.value = false
+	}
+}
+
+async function handleShare() {
+	const predicate = buildCombinedPredicate()
+	const lines = predicate ? ctx.logLines.value.filter(predicate) : ctx.logLines.value
+	const content = lines.map((l) => l.text).join('\n')
+
+	isSharing.value = true
+	try {
+		const data = await client.mclogs.logs_v1.create(content)
+		if (data.url) {
+			shareModal.value?.show(data.url)
+		}
+	} catch (err) {
+		console.error('Failed to share logs:', err)
+		addNotification({
+			type: 'error',
+			title: 'Failed to share logs',
+			text: typeof err === 'string' ? err : 'Unknown error.',
+		})
+	} finally {
+		isSharing.value = false
+	}
+}
+</script>
diff --git a/packages/ui/src/layouts/shared/console/providers/console-manager.ts b/packages/ui/src/layouts/shared/console/providers/console-manager.ts
new file mode 100644
index 000000000..5946c1dc4
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/providers/console-manager.ts
@@ -0,0 +1,36 @@
+import type { Mclogs } from '@modrinth/api-client'
+import type { ComputedRef, Ref } from 'vue'
+
+import { createContext } from '#ui/providers/create-context'
+
+import type { LogLine, LogSource } from '../types'
+
+export interface ConsoleManagerContext {
+	logLines: Ref<LogLine[]>
+
+	logSources?: ComputedRef<LogSource[]>
+	activeLogSourceIndex?: Ref<number>
+
+	sendCommand?: (cmd: string) => void
+	showCommandInput?: boolean | Ref<boolean> | ComputedRef<boolean>
+	disableCommandInput?: boolean | Ref<boolean> | ComputedRef<boolean>
+
+	loading?: Ref<boolean> | ComputedRef<boolean>
+
+	onClear?: () => void
+	onDelete?: () => Promise<void>
+	deleteDisabled?: Ref<boolean> | ComputedRef<boolean>
+	deleteDisabledTooltip?: string
+
+	shareDisabled?: Ref<boolean> | ComputedRef<boolean>
+
+	emptyStateType?: 'server' | 'instance'
+
+	crashAnalysis?: Ref<Mclogs.Insights.v1.InsightsResponse | null>
+	onDismissCrash?: () => void
+}
+
+export const [injectConsoleManager, provideConsoleManager] = createContext<ConsoleManagerContext>(
+	'ConsolePageLayout',
+	'consoleManagerContext',
+)
diff --git a/packages/ui/src/layouts/shared/console/providers/index.ts b/packages/ui/src/layouts/shared/console/providers/index.ts
new file mode 100644
index 000000000..b9e41b2fb
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/providers/index.ts
@@ -0,0 +1 @@
+export * from './console-manager'
diff --git a/packages/ui/src/layouts/shared/console/types.ts b/packages/ui/src/layouts/shared/console/types.ts
new file mode 100644
index 000000000..665c43378
--- /dev/null
+++ b/packages/ui/src/layouts/shared/console/types.ts
@@ -0,0 +1,21 @@
+export type LogLevel = 'error' | 'warn' | 'info' | 'debug' | 'trace'
+
+export interface LogLine {
+	text: string
+	level: LogLevel | null
+}
+
+export interface Log4jEvent {
+	logger_name?: string
+	level?: string
+	thread_name?: string
+	timestamp_millis?: number
+	message?: string
+	throwable?: string
+}
+
+export interface LogSource {
+	id: string
+	name: string
+	live: boolean
+}
diff --git a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmModpackUpdateModal.vue b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmModpackUpdateModal.vue
index 13e054d12..0fd4ddc5e 100644
--- a/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmModpackUpdateModal.vue
+++ b/packages/ui/src/layouts/shared/content-tab/components/modals/ConfirmModpackUpdateModal.vue
@@ -13,7 +13,11 @@
 					formatMessage(messages.admonitionHeader, { action: downgrade ? 'downgrade' : 'update' })
 				"
 			>
-				{{ formatMessage(server ? messages.admonitionBody : messages.admonitionBodyApp) }}
+				{{
+					formatMessage(messages.admonitionBody, {
+						action: downgrade ? 'downgrade' : 'update',
+					})
+				}}
 			</Admonition>
 			<InlineBackupCreator
 				ref="backupCreator"
@@ -57,7 +61,6 @@ import InlineBackupCreator from './InlineBackupCreator.vue'
 
 const props = defineProps<{
 	downgrade?: boolean
-	server?: boolean
 	backupTip?: string
 }>()
 
@@ -81,11 +84,8 @@ const messages = defineMessages({
 	},
 	admonitionBody: {
 		id: 'content.confirm-modpack-update.admonition-body',
-		defaultMessage: 'Any mods or content you added on top of the modpack will be deleted.',
-	},
-	admonitionBodyApp: {
-		id: 'content.confirm-modpack-update.admonition-body-app',
-		defaultMessage: 'Any mods or content you added on top of the modpack will be preserved.',
+		defaultMessage:
+			'{action, select, downgrade {Downgrading} other {Updating}} may cause compatibility issues. Mods or content you added on top of the modpack will be kept, but may not be compatible with the new version.',
 	},
 	confirmButton: {
 		id: 'content.confirm-modpack-update.confirm-button',
diff --git a/packages/ui/src/layouts/shared/content-tab/layout.vue b/packages/ui/src/layouts/shared/content-tab/layout.vue
index ae39a6890..d67b027ca 100644
--- a/packages/ui/src/layouts/shared/content-tab/layout.vue
+++ b/packages/ui/src/layouts/shared/content-tab/layout.vue
@@ -679,7 +679,7 @@ const confirmUnlinkModal = ref<InstanceType<typeof ConfirmUnlinkModal>>()
 								{{ option.label }}
 							</button>
 							<div class="hidden @[900px]:block">
-								<ButtonStyled type="transparent" hover-color-fill="none">
+								<ButtonStyled type="transparent">
 									<button
 										:aria-label="
 											formatMessage(messages.sortByLabel, { mode: sortLabels[sortMode]() })
@@ -699,7 +699,7 @@ const confirmUnlinkModal = ref<InstanceType<typeof ConfirmUnlinkModal>>()
 
 						<div class="flex items-center gap-2">
 							<div class="@[900px]:hidden">
-								<ButtonStyled type="transparent" hover-color-fill="none">
+								<ButtonStyled type="transparent">
 									<button
 										:aria-label="
 											formatMessage(messages.sortByLabel, { mode: sortLabels[sortMode]() })
@@ -729,7 +729,7 @@ const confirmUnlinkModal = ref<InstanceType<typeof ConfirmUnlinkModal>>()
 								</button>
 							</ButtonStyled>
 
-							<ButtonStyled type="transparent" hover-color-fill="none">
+							<ButtonStyled type="transparent">
 								<button :disabled="refreshing || ctx.isBusy.value" @click="handleRefresh">
 									<RefreshCwIcon :class="refreshing ? 'animate-spin' : ''" />
 									{{ formatMessage(commonMessages.refreshButton) }}
diff --git a/packages/ui/src/layouts/shared/files-tab/components/FileOperationAdmonitions.vue b/packages/ui/src/layouts/shared/files-tab/components/FileOperationAdmonitions.vue
index 8a9c666ef..c34a7465c 100644
--- a/packages/ui/src/layouts/shared/files-tab/components/FileOperationAdmonitions.vue
+++ b/packages/ui/src/layouts/shared/files-tab/components/FileOperationAdmonitions.vue
@@ -1,53 +1,4 @@
 <template>
-	<Transition
-		enter-active-class="transition-all duration-300 ease-out overflow-hidden"
-		enter-from-class="opacity-0 max-h-0"
-		enter-to-class="opacity-100 max-h-40"
-		leave-active-class="transition-all duration-200 ease-in overflow-hidden"
-		leave-from-class="opacity-100 max-h-40"
-		leave-to-class="opacity-0 max-h-0"
-	>
-		<Admonition v-if="ctx.uploadState?.value?.isUploading" type="info" class="mb-4">
-			<template #icon>
-				<UploadIcon class="h-6 w-6 flex-none text-brand-blue" />
-			</template>
-			<template #header>
-				{{
-					ctx.uploadingLabel
-						? ctx.uploadingLabel(
-								ctx.uploadState.value.completedFiles,
-								ctx.uploadState.value.totalFiles,
-							)
-						: formatMessage(messages.uploadingFiles, {
-								completed: ctx.uploadState.value.completedFiles,
-								total: ctx.uploadState.value.totalFiles,
-							})
-				}}
-				<span v-if="ctx.uploadState.value.currentFileName" class="font-normal text-secondary">
-					— {{ ctx.uploadState.value.currentFileName }}
-				</span>
-			</template>
-			<span class="text-secondary">
-				{{
-					formatMessage(messages.uploadProgress, {
-						uploaded: formatBytes(ctx.uploadState.value.uploadedBytes),
-						total: formatBytes(ctx.uploadState.value.totalBytes),
-						percent: Math.round(uploadOverallProgress * 100),
-					})
-				}}
-			</span>
-			<template v-if="ctx.cancelUpload" #top-right-actions>
-				<ButtonStyled type="outlined" color="blue">
-					<button class="!border" @click="ctx.cancelUpload?.()">
-						{{ formatMessage(commonMessages.cancelButton) }}
-					</button>
-				</ButtonStyled>
-			</template>
-			<template #progress>
-				<ProgressBar :progress="uploadOverallProgress" :max="1" color="blue" full-width />
-			</template>
-		</Admonition>
-	</Transition>
 	<TransitionGroup
 		name="fs-op"
 		enter-active-class="transition-all duration-300 ease-out overflow-hidden"
@@ -89,13 +40,13 @@
 					— {{ op.current_file?.split('/')?.pop() }}
 				</template>
 			</span>
-			<template v-if="op.id && ctx.dismissOperation" #top-right-actions>
+			<template v-if="op.id" #top-right-actions>
 				<ButtonStyled
 					v-if="op.state !== 'done' && !op.state?.startsWith('fail')"
 					type="outlined"
 					color="blue"
 				>
-					<button class="!border" @click="ctx.dismissOperation?.(op.id!, 'cancel')">
+					<button class="!border" @click="ctx.dismissOperation(op.id!, 'cancel')">
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>
 				</ButtonStyled>
@@ -106,7 +57,7 @@
 					hover-color-fill="background"
 					:color="op.state === 'done' ? 'green' : 'red'"
 				>
-					<button @click="ctx.dismissOperation?.(op.id!, 'dismiss')">
+					<button @click="ctx.dismissOperation(op.id!, 'dismiss')">
 						<XIcon />
 					</button>
 				</ButtonStyled>
@@ -125,29 +76,19 @@
 </template>
 
 <script setup lang="ts">
-import { PackageOpenIcon, UploadIcon, XIcon } from '@modrinth/assets'
+import { PackageOpenIcon, XIcon } from '@modrinth/assets'
 import { formatBytes } from '@modrinth/utils'
-import { computed } from 'vue'
 
 import Admonition from '#ui/components/base/Admonition.vue'
 import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
 import ProgressBar from '#ui/components/base/ProgressBar.vue'
 import { defineMessages, useVIntl } from '#ui/composables/i18n'
+import { injectModrinthServerContext } from '#ui/providers'
 import { commonMessages } from '#ui/utils/common-messages'
 
-import { injectFileManager } from '../providers/file-manager'
-
 const { formatMessage } = useVIntl()
 
 const messages = defineMessages({
-	uploadingFiles: {
-		id: 'files.operations.uploading-files',
-		defaultMessage: 'Uploading files ({completed}/{total})',
-	},
-	uploadProgress: {
-		id: 'files.operations.upload-progress',
-		defaultMessage: '{uploaded} / {total} ({percent}%)',
-	},
 	extracting: {
 		id: 'files.operations.extracting',
 		defaultMessage: 'Extracting {source}',
@@ -166,13 +107,7 @@ const messages = defineMessages({
 	},
 })
 
-const ctx = injectFileManager()
+const ctx = injectModrinthServerContext()
 
-const activeOperations = computed(() => ctx.activeOperations?.value ?? [])
-
-const uploadOverallProgress = computed(() => {
-	const state = ctx.uploadState?.value
-	if (!state || !state.isUploading || state.totalFiles === 0) return 0
-	return Math.min((state.completedFiles + state.currentFileProgress) / state.totalFiles, 1)
-})
+const activeOperations = ctx.activeOperations
 </script>
diff --git a/packages/ui/src/layouts/shared/files-tab/components/editor/FileEditor.vue b/packages/ui/src/layouts/shared/files-tab/components/editor/FileEditor.vue
index e3f4ada2c..9e9fe6215 100644
--- a/packages/ui/src/layouts/shared/files-tab/components/editor/FileEditor.vue
+++ b/packages/ui/src/layouts/shared/files-tab/components/editor/FileEditor.vue
@@ -30,6 +30,7 @@ import { SpinnerIcon } from '@modrinth/assets'
 import { type Component, computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 
 import { defineMessages, useVIntl } from '#ui/composables/i18n'
+import { injectModrinthClient } from '#ui/providers'
 import { injectNotificationManager } from '#ui/providers/web-notifications'
 import { getEditorLanguage, getFileExtension, isImageFile } from '#ui/utils/file-extensions'
 
@@ -37,12 +38,6 @@ import { injectFileManager } from '../../providers/file-manager'
 import type { EditingFile } from '../../types'
 import FileImageViewer from './FileImageViewer.vue'
 
-interface MclogsResponse {
-	success: boolean
-	url?: string
-	error?: string
-}
-
 const props = defineProps<{
 	file: EditingFile | null
 	editorComponent: Component | null
@@ -55,6 +50,7 @@ const emit = defineEmits<{
 const { formatMessage } = useVIntl()
 const { addNotification } = injectNotificationManager()
 const ctx = injectFileManager()
+const client = injectModrinthClient()
 
 const messages = defineMessages({
 	failedToOpenTitle: {
@@ -237,13 +233,7 @@ async function shareToMclogs() {
 	}
 
 	try {
-		const response = await fetch('https://api.mclo.gs/1/log', {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-			body: new URLSearchParams({ content: fileContent.value }),
-		})
-
-		const data = (await response.json()) as MclogsResponse
+		const data = await client.mclogs.logs_v1.create(fileContent.value)
 
 		if (data.success && data.url) {
 			await navigator.clipboard.writeText(data.url)
@@ -253,7 +243,7 @@ async function shareToMclogs() {
 				type: 'success',
 			})
 		} else {
-			throw new Error(data.error)
+			throw new Error('mclo.gs upload failed')
 		}
 	} catch (error) {
 		console.error('Error sharing file:', error)
diff --git a/packages/ui/src/layouts/shared/files-tab/layout.vue b/packages/ui/src/layouts/shared/files-tab/layout.vue
index 99f418204..7a5f97fee 100644
--- a/packages/ui/src/layouts/shared/files-tab/layout.vue
+++ b/packages/ui/src/layouts/shared/files-tab/layout.vue
@@ -46,7 +46,6 @@
 				<template #header>{{ ctx.busyWarning.value }}</template>
 				{{ formatMessage(messages.busyWarning) }}
 			</Admonition>
-			<FileOperationAdmonitions />
 			<div class="relative flex w-full flex-col">
 				<div class="relative isolate flex w-full flex-col gap-4">
 					<FileNavbar
@@ -235,7 +234,6 @@ import FileEditor from './components/editor/FileEditor.vue'
 import FileContextMenu from './components/FileContextMenu.vue'
 import FileManagerError from './components/FileManagerError.vue'
 import FileNavbar from './components/FileNavbar.vue'
-import FileOperationAdmonitions from './components/FileOperationAdmonitions.vue'
 import FileTableHeader from './components/FileTableHeader.vue'
 import FileTableRow from './components/FileTableRow.vue'
 import FileCreateItemModal from './components/modals/FileCreateItemModal.vue'
diff --git a/packages/ui/src/layouts/shared/installation-settings/composables/use-installation-form.ts b/packages/ui/src/layouts/shared/installation-settings/composables/use-installation-form.ts
index 16cc0fa52..9129de8c0 100644
--- a/packages/ui/src/layouts/shared/installation-settings/composables/use-installation-form.ts
+++ b/packages/ui/src/layouts/shared/installation-settings/composables/use-installation-form.ts
@@ -207,30 +207,8 @@ export function useInstallationForm(
 
 	async function confirmDisableConflicts() {
 		try {
-			if (ctx.disableIncompatibleContent && ctx.previewSave) {
-				isVerifying.value = true
-				abortController = new AbortController()
-				const loaderVersionId =
-					selectedPlatform.value !== 'vanilla'
-						? (loaderVersionEntries.value[selectedLoaderVersion.value]?.id ?? null)
-						: null
-
-				let preview: ContentDiffPreview | null
-				try {
-					preview = await ctx.previewSave(
-						selectedPlatform.value,
-						selectedGameVersion.value,
-						loaderVersionId,
-						abortController.signal,
-					)
-				} finally {
-					isVerifying.value = false
-					abortController = null
-				}
-
-				if (preview) {
-					await ctx.disableIncompatibleContent(preview.diffs)
-				}
+			if (ctx.disableIncompatibleContent) {
+				await ctx.disableIncompatibleContent(selectedGameVersion.value)
 			}
 
 			incompatibleContentVariant.value = null
diff --git a/packages/ui/src/layouts/shared/installation-settings/layout.vue b/packages/ui/src/layouts/shared/installation-settings/layout.vue
index b54731a18..3a5452269 100644
--- a/packages/ui/src/layouts/shared/installation-settings/layout.vue
+++ b/packages/ui/src/layouts/shared/installation-settings/layout.vue
@@ -100,6 +100,12 @@ const showModpackVersionActions = computed(() => {
 	return typeof val === 'boolean' ? val : val.value
 })
 
+const isLocalFile = computed(() => {
+	const val = ctx.isLocalFile
+	if (val == null) return false
+	return typeof val === 'boolean' ? val : val.value
+})
+
 function handleModpackUpdateRequest(version: Labrinth.Versions.v2.Version, event?: MouseEvent) {
 	pendingUpdateVersion.value = version
 	const currentVersionId = ctx.updaterModalProps.value.currentVersionId
@@ -381,14 +387,6 @@ const messages = defineMessages({
 							})
 						}}
 					</span>
-					<span class="text-primary">
-						{{
-							formatMessage(messages.unlinkDescription, {
-								type: ctx.isServer ? 'server' : 'instance',
-								projectType: showModpackVersionActions ? 'modpack' : 'server',
-							})
-						}}
-					</span>
 					<div>
 						<ButtonStyled color="orange">
 							<button
@@ -407,20 +405,21 @@ const messages = defineMessages({
 							</button>
 						</ButtonStyled>
 					</div>
+					<span class="text-primary">
+						{{
+							formatMessage(messages.unlinkDescription, {
+								type: ctx.isServer ? 'server' : 'instance',
+								projectType: showModpackVersionActions ? 'modpack' : 'server',
+							})
+						}}
+					</span>
 				</div>
 
 				<!-- Reinstall -->
-				<div v-if="showModpackVersionActions" class="flex flex-col gap-2.5">
+				<div v-if="showModpackVersionActions || isLocalFile" class="flex flex-col gap-2.5">
 					<span class="text-lg font-semibold text-contrast">
 						{{ formatMessage(messages.reinstallModpackTitle) }}
 					</span>
-					<span class="text-primary">
-						{{
-							formatMessage(messages.reinstallModpackDescription, {
-								type: ctx.isServer ? 'server' : 'instance',
-							})
-						}}
-					</span>
 					<div>
 						<ButtonStyled color="red">
 							<button
@@ -440,10 +439,17 @@ const messages = defineMessages({
 							</button>
 						</ButtonStyled>
 					</div>
+					<span class="text-primary">
+						{{
+							formatMessage(messages.reinstallModpackDescription, {
+								type: ctx.isServer ? 'server' : 'instance',
+							})
+						}}
+					</span>
 				</div>
 
-				<!-- Repair -->
-				<div class="flex flex-col gap-2.5">
+				<!-- Repair (hidden for local file modpacks — reinstall covers this) -->
+				<div v-if="!isLocalFile" class="flex flex-col gap-2.5">
 					<span class="text-lg font-semibold text-contrast">
 						{{
 							formatMessage(
@@ -451,15 +457,6 @@ const messages = defineMessages({
 							)
 						}}
 					</span>
-					<span class="text-primary">
-						{{
-							formatMessage(
-								ctx.isServer
-									? messages.repairServerDescription
-									: messages.repairInstanceDescription,
-							)
-						}}
-					</span>
 					<div>
 						<ButtonStyled>
 							<button
@@ -477,6 +474,15 @@ const messages = defineMessages({
 							</button>
 						</ButtonStyled>
 					</div>
+					<span class="text-primary">
+						{{
+							formatMessage(
+								ctx.isServer
+									? messages.repairServerDescription
+									: messages.repairInstanceDescription,
+							)
+						}}
+					</span>
 				</div>
 			</template>
 
@@ -617,16 +623,6 @@ const messages = defineMessages({
 							<span class="font-semibold text-contrast">{{ row.value }}</span>
 						</div>
 					</div>
-					<div class="flex items-start gap-2">
-						<CircleAlertIcon class="mt-0.5 size-5 shrink-0 text-orange" />
-						<span class="text-primary">
-							{{
-								formatMessage(
-									ctx.isServer ? messages.editWarningServer : messages.editWarningInstance,
-								)
-							}}
-						</span>
-					</div>
 					<div class="flex flex-wrap gap-2">
 						<ButtonStyled color="orange">
 							<button
@@ -640,6 +636,16 @@ const messages = defineMessages({
 						</ButtonStyled>
 						<slot name="unlinked-extra-buttons" />
 					</div>
+					<div class="flex items-start gap-2">
+						<CircleAlertIcon class="mt-0.5 size-5 shrink-0 text-orange" />
+						<span class="text-primary">
+							{{
+								formatMessage(
+									ctx.isServer ? messages.editWarningServer : messages.editWarningInstance,
+								)
+							}}
+						</span>
+					</div>
 				</div>
 
 				<!-- Repair section -->
@@ -651,15 +657,6 @@ const messages = defineMessages({
 							)
 						}}
 					</span>
-					<span class="text-primary">
-						{{
-							formatMessage(
-								ctx.isServer
-									? messages.repairServerDescription
-									: messages.repairInstanceDescription,
-							)
-						}}
-					</span>
 					<div>
 						<ButtonStyled>
 							<button
@@ -677,6 +674,15 @@ const messages = defineMessages({
 							</button>
 						</ButtonStyled>
 					</div>
+					<span class="text-primary">
+						{{
+							formatMessage(
+								ctx.isServer
+									? messages.repairServerDescription
+									: messages.repairInstanceDescription,
+							)
+						}}
+					</span>
 				</div>
 			</template>
 
@@ -686,81 +692,82 @@ const messages = defineMessages({
 
 	<!-- Modals -->
 	<Teleport to="body">
-		<ContentUpdaterModal
-			v-if="form.updatingModpack.value"
-			ref="contentUpdaterModal"
-			:versions="form.updatingProjectVersions.value"
-			:current-game-version="ctx.updaterModalProps.value.currentGameVersion"
-			:current-loader="ctx.updaterModalProps.value.currentLoader"
-			:current-version-id="ctx.updaterModalProps.value.currentVersionId"
-			:is-app="ctx.isApp"
-			project-type="modpack"
-			:project-icon-url="ctx.updaterModalProps.value.projectIconUrl"
-			:project-name="ctx.updaterModalProps.value.projectName"
-			:loading="form.loadingVersions.value"
-			:loading-changelog="form.loadingChangelog.value"
-			@update="handleModpackUpdateRequest"
-			@cancel="form.resetUpdateState()"
-			@version-select="form.handleUpdaterVersionSelect"
-			@version-hover="form.handleUpdaterVersionHover"
-		/>
-		<ConfirmModpackUpdateModal
-			ref="modpackUpdateModal"
-			:downgrade="isUpdateDowngrade"
-			:server="ctx.isServer"
-			:backup-tip="
-				[ctx.modpack.value?.title, pendingUpdateVersion?.version_number].filter(Boolean).join(' ')
-			"
-			@confirm="handleModpackUpdateConfirm"
-			@cancel="handleModpackUpdateCancel"
-		/>
-		<ConfirmRepairModal ref="repairModal" :server="ctx.isServer" @repair="handleRepair" />
-		<ConfirmReinstallModal
-			ref="reinstallModal"
-			:server="ctx.isServer"
-			:backup-tip="ctx.modpack.value?.title"
-			@reinstall="handleReinstall"
-		/>
-		<ConfirmUnlinkModal
-			ref="unlinkModal"
-			:server="ctx.isServer"
-			:backup-tip="ctx.modpack.value?.title"
-			@unlink="handleUnlink"
-		/>
+		<div class="relative z-[100]">
+			<ContentUpdaterModal
+				v-if="form.updatingModpack.value"
+				ref="contentUpdaterModal"
+				:versions="form.updatingProjectVersions.value"
+				:current-game-version="ctx.updaterModalProps.value.currentGameVersion"
+				:current-loader="ctx.updaterModalProps.value.currentLoader"
+				:current-version-id="ctx.updaterModalProps.value.currentVersionId"
+				:is-app="ctx.isApp"
+				project-type="modpack"
+				:project-icon-url="ctx.updaterModalProps.value.projectIconUrl"
+				:project-name="ctx.updaterModalProps.value.projectName"
+				:loading="form.loadingVersions.value"
+				:loading-changelog="form.loadingChangelog.value"
+				@update="handleModpackUpdateRequest"
+				@cancel="form.resetUpdateState()"
+				@version-select="form.handleUpdaterVersionSelect"
+				@version-hover="form.handleUpdaterVersionHover"
+			/>
+			<ConfirmModpackUpdateModal
+				ref="modpackUpdateModal"
+				:downgrade="isUpdateDowngrade"
+				:backup-tip="
+					[ctx.modpack.value?.title, pendingUpdateVersion?.version_number].filter(Boolean).join(' ')
+				"
+				@confirm="handleModpackUpdateConfirm"
+				@cancel="handleModpackUpdateCancel"
+			/>
+			<ConfirmRepairModal ref="repairModal" :server="ctx.isServer" @repair="handleRepair" />
+			<ConfirmReinstallModal
+				ref="reinstallModal"
+				:server="ctx.isServer"
+				:backup-tip="ctx.modpack.value?.title"
+				@reinstall="handleReinstall"
+			/>
+			<ConfirmUnlinkModal
+				ref="unlinkModal"
+				:server="ctx.isServer"
+				:backup-tip="ctx.modpack.value?.title"
+				@unlink="handleUnlink"
+			/>
 
-		<IncompatibleContentModal
-			v-if="form.incompatibleContentVariant.value"
-			ref="incompatibleContentModal"
-			:variant="form.incompatibleContentVariant.value"
-			:loading="form.isVerifying.value || form.isSaving.value"
-			@confirm-loader-change="form.confirmLoaderChange()"
-			@auto-fix="form.confirmAutoFix()"
-			@disable-conflicts="form.confirmDisableConflicts()"
-			@reset-server="handleIncompatibleResetServer"
-			@cancel="form.cancelPreview()"
-		/>
+			<IncompatibleContentModal
+				v-if="form.incompatibleContentVariant.value"
+				ref="incompatibleContentModal"
+				:variant="form.incompatibleContentVariant.value"
+				:loading="form.isVerifying.value || form.isSaving.value"
+				@confirm-loader-change="form.confirmLoaderChange()"
+				@auto-fix="form.confirmAutoFix()"
+				@disable-conflicts="form.confirmDisableConflicts()"
+				@reset-server="handleIncompatibleResetServer"
+				@cancel="form.cancelPreview()"
+			/>
 
-		<ContentDiffModal
-			v-if="form.pendingPreview.value && !form.incompatibleContentVariant.value"
-			ref="contentDiffModal"
-			:header="formatMessage(messages.confirmVersionChangeHeader)"
-			:description="
-				formatMessage(messages.confirmVersionChangeDescription, {
-					gameVersion: form.pendingPreview.value.newGameVersion,
-				})
-			"
-			:admonition-header="formatMessage(messages.confirmVersionChangeHeader)"
-			:diffs="form.pendingPreview.value.diffs"
-			:has-unknown-content="form.pendingPreview.value.hasUnknownContent"
-			:confirm-label="formatMessage(messages.confirmVersionChange)"
-			:confirm-icon="SaveIcon"
-			:removed-label="formatMessage(messages.removedIncompatible)"
-			:show-backup-creator="ctx.isServer"
-			@confirm="form.confirmSave()"
-			@cancel="form.cancelPreview()"
-		/>
+			<ContentDiffModal
+				v-if="form.pendingPreview.value && !form.incompatibleContentVariant.value"
+				ref="contentDiffModal"
+				:header="formatMessage(messages.confirmVersionChangeHeader)"
+				:description="
+					formatMessage(messages.confirmVersionChangeDescription, {
+						gameVersion: form.pendingPreview.value.newGameVersion,
+					})
+				"
+				:admonition-header="formatMessage(messages.confirmVersionChangeHeader)"
+				:diffs="form.pendingPreview.value.diffs"
+				:has-unknown-content="form.pendingPreview.value.hasUnknownContent"
+				:confirm-label="formatMessage(messages.confirmVersionChange)"
+				:confirm-icon="SaveIcon"
+				:removed-label="formatMessage(messages.removedIncompatible)"
+				:show-backup-creator="ctx.isServer"
+				@confirm="form.confirmSave()"
+				@cancel="form.cancelPreview()"
+			/>
 
-		<ConfirmLeaveModal ref="confirmLeaveModal" />
+			<ConfirmLeaveModal ref="confirmLeaveModal" />
+		</div>
 		<slot name="extra-modals" />
 	</Teleport>
 </template>
diff --git a/packages/ui/src/layouts/shared/installation-settings/providers/installation-settings.ts b/packages/ui/src/layouts/shared/installation-settings/providers/installation-settings.ts
index 2fba0c559..5d8892651 100644
--- a/packages/ui/src/layouts/shared/installation-settings/providers/installation-settings.ts
+++ b/packages/ui/src/layouts/shared/installation-settings/providers/installation-settings.ts
@@ -4,7 +4,6 @@ import type { ComputedRef, Ref } from 'vue'
 import { createContext } from '#ui/providers/create-context'
 
 import type {
-	ContentDiffItem,
 	ContentDiffPreview,
 	GameVersionOption,
 	InstallationInfoRow,
@@ -55,6 +54,9 @@ export interface InstallationSettingsContext {
 	/** When false, hides change-version and reinstall buttons in linked state (default: true) */
 	showModpackVersionActions?: boolean | ComputedRef<boolean>
 
+	/** True when the linked modpack was uploaded as a local file rather than from Modrinth */
+	isLocalFile?: boolean | ComputedRef<boolean>
+
 	repairing?: Ref<boolean>
 	reinstalling?: Ref<boolean>
 
@@ -67,10 +69,11 @@ export interface InstallationSettingsContext {
 	disableAllContent?: () => Promise<void>
 
 	/**
-	 * Disable only the incompatible addons identified in a content diff preview.
-	 * Used when the user chooses "Disable conflicts" instead of "Auto-fix".
+	 * Disable addons that are incompatible with the target game version.
+	 * Fetches version metadata in bulk, disables any addon whose game_versions
+	 * doesn't include the target, plus any custom (non-Modrinth) content.
 	 */
-	disableIncompatibleContent?: (diffs: ContentDiffItem[]) => Promise<void>
+	disableIncompatibleContent?: (targetGameVersion: string) => Promise<void>
 
 	/**
 	 * Save the installation settings without auto-resolving content.
diff --git a/packages/ui/src/layouts/shared/server-settings/index.ts b/packages/ui/src/layouts/shared/server-settings/index.ts
new file mode 100644
index 000000000..5f1ecde43
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/index.ts
@@ -0,0 +1,3 @@
+export * from './pages'
+export * from './providers'
+export * from './tabs'
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/advanced.vue b/packages/ui/src/layouts/shared/server-settings/pages/advanced.vue
new file mode 100644
index 000000000..d28cd9650
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/pages/advanced.vue
@@ -0,0 +1,391 @@
+<template>
+	<div class="relative h-full w-full">
+		<div class="flex h-full w-full flex-col gap-4">
+			<div class="flex flex-col gap-6">
+				<!-- SFTP section -->
+				<div class="flex flex-col gap-2">
+					<div class="flex flex-col items-center justify-between gap-0.5 sm:flex-row">
+						<span class="text-lg font-semibold text-contrast">SFTP</span>
+						<ButtonStyled>
+							<a
+								v-tooltip="'This button only works with compatible SFTP clients (e.g. WinSCP)'"
+								class="!w-full sm:!w-auto"
+								:href="sftpUrl"
+								target="_blank"
+							>
+								<ExternalIcon class="h-5 w-5" />
+								Launch SFTP
+							</a>
+						</ButtonStyled>
+					</div>
+
+					<div class="flex flex-col gap-2.5 rounded-2xl bg-surface-2 p-4">
+						<span class="text-lg font-semibold text-contrast">Server Address</span>
+						<div
+							v-tooltip="'Copy SFTP server address'"
+							class="copy-field hover:bg-button-bg-hover"
+							@click="copyToClipboard('Server address', server?.sftp_host)"
+						>
+							<span class="cursor-pointer font-semibold text-primary">
+								{{ server?.sftp_host }}
+							</span>
+							<div class="grid h-10 w-10 place-content-center">
+								<CopyIcon class="h-5 w-5" />
+							</div>
+						</div>
+						<div class="flex flex-col gap-2 sm:mt-0 sm:flex-row">
+							<div class="flex w-full flex-col justify-center gap-2">
+								<span class="text-lg font-semibold text-contrast">Username</span>
+								<div
+									v-tooltip="'Copy SFTP username'"
+									class="copy-field hover:bg-button-bg-hover"
+									@click="copyToClipboard('Username', server?.sftp_username)"
+								>
+									<div class="truncate font-semibold">
+										{{ server?.sftp_username }}
+									</div>
+									<div class="grid h-10 w-9 place-content-center">
+										<CopyIcon class="h-5 w-5" />
+									</div>
+								</div>
+							</div>
+							<div class="flex w-full flex-col justify-center gap-2">
+								<span class="text-lg font-semibold text-contrast">Password</span>
+								<div
+									class="copy-field-has-button [&:hover:not(:has(button:hover))]:bg-button-bg-hover"
+									@click="copyToClipboard('Password', server?.sftp_password)"
+								>
+									<div class="flex items-center gap-1.5 h-full w-full">
+										<div
+											v-tooltip="'Copy SFTP Password'"
+											class="h-full flex justify-between grow items-center"
+										>
+											<div class="truncate font-semibold">
+												{{
+													showPassword
+														? server?.sftp_password
+														: '*'.repeat(server?.sftp_password?.length ?? 0)
+												}}
+											</div>
+											<CopyIcon class="h-5 w-5" />
+										</div>
+
+										<ButtonStyled type="transparent" circular>
+											<button
+												v-tooltip="showPassword ? 'Hide password' : 'Show password'"
+												class="hover:bg-button-bg-hover grid h-10 w-10 place-content-center rounded-lg"
+												@click.stop="showPassword = !showPassword"
+											>
+												<!-- look into doing stop propagation here -->
+												<EyeIcon v-if="showPassword" class="h-5 w-5" />
+												<EyeOffIcon v-else class="h-5 w-5" />
+											</button>
+										</ButtonStyled>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<!-- Startup command section -->
+				<div class="flex flex-col gap-2.5">
+					<div class="flex h-10 flex-col items-end justify-between gap-4 sm:flex-row">
+						<label for="startup-command-field" class="mb-0.5 flex flex-col gap-2">
+							<span class="text-lg font-semibold text-contrast">Startup command</span>
+						</label>
+						<ButtonStyled v-if="startupCommand !== defaultStartupCommand" type="transparent">
+							<button
+								:disabled="isStartupLoading || startupCommand === defaultStartupCommand"
+								class="relative !w-full sm:!w-auto"
+								@click="resetToDefault"
+							>
+								<UpdatedIcon class="h-5 w-5" />
+								Default
+							</button>
+						</ButtonStyled>
+					</div>
+					<div class="relative">
+						<StyledInput
+							id="startup-command-field"
+							v-model="startupCommand"
+							multiline
+							resize="vertical"
+							input-class="font-mono field-sizing-content"
+							:disabled="isStartupLoading"
+						/>
+						<div
+							v-if="isStartupLoading"
+							class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
+						>
+							<SpinnerIcon class="h-6 w-6 animate-spin text-secondary" />
+						</div>
+					</div>
+					<span> The command that runs when your server is started. </span>
+				</div>
+
+				<!-- Java version section -->
+				<div class="flex flex-col gap-2.5">
+					<div class="flex flex-col gap-2">
+						<span class="text-lg font-semibold text-contrast">Java version</span>
+					</div>
+					<div class="relative max-w-xs">
+						<Combobox
+							:id="'java-version-field'"
+							v-model="javaVersion"
+							name="java-version"
+							:options="displayedJavaVersions"
+							:display-value="javaVersionLabel ?? 'Java Version'"
+							:disabled="isStartupLoading"
+						>
+							<template #dropdown-footer>
+								<button
+									class="flex w-full cursor-pointer items-center justify-center gap-1.5 border-0 border-t border-solid border-surface-5 bg-transparent py-3 text-center text-sm font-semibold text-secondary transition-colors hover:text-contrast"
+									@mousedown.prevent
+									@click="showAllVersions = !showAllVersions"
+								>
+									<EyeOffIcon v-if="showAllVersions" class="size-4" />
+									<EyeIcon v-else class="size-4" />
+									{{ showAllVersions ? 'Hide extra versions' : 'Show all versions' }}
+								</button>
+							</template>
+						</Combobox>
+						<div
+							v-if="isStartupLoading"
+							class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
+						>
+							<SpinnerIcon class="h-5 w-5 animate-spin text-secondary" />
+						</div>
+					</div>
+					<span> The Java version your server runs on. </span>
+				</div>
+
+				<!-- Java runtime section -->
+				<div class="flex flex-col gap-2.5">
+					<div class="flex flex-col gap-2">
+						<span class="text-lg font-semibold text-contrast">Java runtime</span>
+					</div>
+					<div class="relative max-w-xs">
+						<Combobox
+							:id="'runtime-field'"
+							v-model="jreVendor"
+							name="runtime"
+							:options="JRE_VENDORS"
+							:display-value="jreVendorLabel ?? 'Runtime'"
+							:disabled="isStartupLoading"
+						/>
+						<div
+							v-if="isStartupLoading"
+							class="bg-bg/50 absolute inset-0 flex items-center justify-center rounded-xl"
+						>
+							<SpinnerIcon class="h-5 w-5 animate-spin text-secondary" />
+						</div>
+					</div>
+					<span> The Java runtime your server will use. </span>
+				</div>
+			</div>
+		</div>
+		<SaveBanner
+			:is-visible="!!hasUnsavedChanges || isPending"
+			:server-id="serverId"
+			:is-updating="isPending"
+			:save="() => saveStartup()"
+			:reset="resetStartup"
+		/>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Archon } from '@modrinth/api-client'
+import {
+	CopyIcon,
+	ExternalIcon,
+	EyeIcon,
+	EyeOffIcon,
+	SpinnerIcon,
+	UpdatedIcon,
+} from '@modrinth/assets'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import { computed, ref, watch } from 'vue'
+
+import { ButtonStyled, Combobox, StyledInput } from '#ui/components'
+import SaveBanner from '#ui/components/servers/SaveBanner.vue'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+const { addNotification } = injectNotificationManager()
+const { server, serverId, worldId } = injectModrinthServerContext()
+const client = injectModrinthClient()
+const queryClient = useQueryClient()
+
+// SFTP state
+const showPassword = ref(false)
+const sftpUrl = computed(() => `sftp://${server.value?.sftp_username}@${server.value?.sftp_host}`)
+
+const copyToClipboard = (name: string, textToCopy?: string) => {
+	navigator.clipboard.writeText(textToCopy || '')
+	addNotification({
+		type: 'success',
+		title: `${name} copied to clipboard!`,
+	})
+}
+
+// Startup state
+const startupQueryKey = computed(() => ['servers', 'startup', 'v1', serverId, worldId.value])
+
+const { data: startupData, isLoading: isStartupLoading } = useQuery({
+	queryKey: startupQueryKey,
+	queryFn: () => client.archon.options_v1.getStartup(serverId, worldId.value!),
+	enabled: computed(() => worldId.value !== null),
+})
+
+const JAVA_VERSIONS = [
+	{ value: 8, label: 'Java 8' },
+	{ value: 11, label: 'Java 11' },
+	{ value: 17, label: 'Java 17' },
+	{ value: 21, label: 'Java 21' },
+	{ value: 25, label: 'Java 25' },
+]
+
+const showAllVersions = ref(false)
+
+type MinecraftReleaseVersion = {
+	major: number
+	minor: number
+}
+
+function parseMinecraftReleaseVersion(version: string): MinecraftReleaseVersion | null {
+	const [majorPart, minorPart] = version.split('.')
+
+	if (!majorPart || !minorPart) return null
+
+	const major = Number(majorPart)
+	const minor = Number(minorPart)
+
+	if (!Number.isInteger(major) || !Number.isInteger(minor)) return null
+
+	return { major, minor }
+}
+
+function filterJavaVersions(compatibleVersions: number[]) {
+	return JAVA_VERSIONS.filter((version) => compatibleVersions.includes(version.value))
+}
+
+const displayedJavaVersions = computed(() => {
+	if (showAllVersions.value) return JAVA_VERSIONS
+
+	const mcVersion = server.value?.mc_version ?? ''
+	if (!mcVersion) return JAVA_VERSIONS
+
+	const releaseVersion = parseMinecraftReleaseVersion(mcVersion)
+	if (!releaseVersion) return JAVA_VERSIONS
+
+	if (releaseVersion.major > 1) {
+		if (releaseVersion.major >= 26) {
+			return filterJavaVersions([25])
+		}
+
+		return JAVA_VERSIONS
+	}
+
+	if (releaseVersion.minor >= 20) return filterJavaVersions([21])
+	if (releaseVersion.minor >= 17) return filterJavaVersions([17, 21])
+	if (releaseVersion.minor >= 12) return filterJavaVersions([8, 11, 17, 21])
+	if (releaseVersion.minor >= 6) return filterJavaVersions([8, 11])
+	return filterJavaVersions([8])
+})
+
+const JRE_VENDORS: { value: Archon.Content.v1.JreVendor; label: string }[] = [
+	{ value: 'corretto', label: 'Corretto' },
+	{ value: 'temurin', label: 'Temurin' },
+	{ value: 'graal', label: 'GraalVM' },
+]
+
+const savedStartupCommand = computed(() => startupData.value?.startup_command ?? '')
+const savedJavaVersion = computed(() => startupData.value?.java_version ?? undefined)
+const savedJreVendor = computed(() => startupData.value?.jre_vendor ?? undefined)
+const defaultStartupCommand = computed(
+	() => startupData.value?.original_invocation ?? savedStartupCommand.value,
+)
+
+const startupCommand = ref('')
+const javaVersion = ref<number>()
+const jreVendor = ref<Archon.Content.v1.JreVendor>()
+
+const javaVersionLabel = computed(
+	() => JAVA_VERSIONS.find((v) => v.value === javaVersion.value)?.label,
+)
+const jreVendorLabel = computed(() => JRE_VENDORS.find((v) => v.value === jreVendor.value)?.label)
+
+function syncFormFromData() {
+	startupCommand.value = savedStartupCommand.value
+	javaVersion.value = savedJavaVersion.value
+	jreVendor.value = savedJreVendor.value
+}
+
+watch(
+	startupData,
+	(newData, oldData) => {
+		if (newData && !oldData) {
+			syncFormFromData()
+		}
+	},
+	{ immediate: true },
+)
+
+const hasUnsavedChanges = computed(
+	() =>
+		startupCommand.value !== savedStartupCommand.value ||
+		javaVersion.value !== savedJavaVersion.value ||
+		jreVendor.value !== savedJreVendor.value,
+)
+
+const { mutate: saveStartup, isPending } = useMutation({
+	mutationFn: () =>
+		client.archon.options_v1.patchStartup(serverId, worldId.value!, {
+			startup_command: startupCommand.value || null,
+			java_version: javaVersion.value ?? null,
+			jre_vendor: jreVendor.value ?? null,
+		}),
+	onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: startupQueryKey.value })
+		syncFormFromData()
+		addNotification({
+			type: 'success',
+			title: 'Server settings updated',
+			text: 'Your server settings were successfully changed.',
+		})
+	},
+	onError: (error) => {
+		console.error(error)
+		addNotification({
+			type: 'error',
+			title: 'Failed to update server arguments',
+			text: 'Please try again later.',
+		})
+	},
+})
+
+function resetStartup() {
+	syncFormFromData()
+}
+
+function resetToDefault() {
+	startupCommand.value = defaultStartupCommand.value
+}
+</script>
+
+<style scoped>
+.copy-field {
+	@apply flex h-10 cursor-pointer items-center justify-between gap-2 rounded-lg bg-button-bg px-3 pr-1.5 transition-all;
+	@apply hover:brightness-125 active:scale-95;
+}
+
+.copy-field-has-button {
+	@apply flex h-10 cursor-pointer items-center justify-between gap-2 rounded-lg bg-button-bg px-3 pr-1.5 transition-all;
+	@apply [&:hover:not(:has(button:hover))]:brightness-125 [&:active:not(:has(button:active))]:scale-95;
+}
+</style>
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/general.vue b/packages/ui/src/layouts/shared/server-settings/pages/general.vue
new file mode 100644
index 000000000..756da0fbe
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/pages/general.vue
@@ -0,0 +1,288 @@
+<template>
+	<div class="relative h-full w-full">
+		<div v-if="data" class="flex h-full w-full flex-col">
+			<div class="flex flex-col gap-6">
+				<div class="flex justify-start gap-16">
+					<div class="flex max-w-[500px] grow flex-col gap-6">
+						<!-- Server name -->
+						<div class="flex flex-col gap-2.5">
+							<label for="server-name-field" class="flex flex-col gap-2">
+								<span class="text-lg font-semibold text-contrast">Server name</span>
+							</label>
+							<div class="flex flex-col gap-2.5">
+								<StyledInput
+									id="server-name-field"
+									v-model="serverName"
+									wrapper-class="w-full"
+									:maxlength="48"
+									@keyup.enter="!serverName && saveGeneral"
+								/>
+								<span>This name is only visible on Modrinth.</span>
+								<div class="text-red font-medium">
+									<span v-if="!isValidServerName"> Server name cannot be empty. </span>
+								</div>
+							</div>
+						</div>
+
+						<!-- Hostname -->
+						<div class="flex flex-col gap-2.5">
+							<label for="server-subdomain" class="flex flex-col gap-2.5">
+								<span class="text-lg font-semibold text-contrast">Hostname</span>
+								<div
+									class="flex w-full overflow-hidden rounded-xl bg-button-bg px-3 [box-shadow:var(--shadow-inset-sm)] transition-[box-shadow] duration-100 ease-in-out focus-within:[box-shadow:0_0_0_0.25rem_var(--color-brand-shadow)]"
+								>
+									<div class="relative inline-flex min-h-9 items-center">
+										<span
+											class="pointer-events-none invisible whitespace-pre px-px text-base font-medium"
+											aria-hidden="true"
+											>{{ serverSubdomain || 'Enter subdomain...' }}</span
+										>
+										<input
+											id="server-subdomain"
+											:value="serverSubdomain"
+											placeholder="Enter subdomain..."
+											:maxlength="32"
+											class="absolute left-px inset-0 bg-transparent !p-0 text-base font-medium text-primary !shadow-none transition-colors placeholder:text-secondary focus:text-contrast"
+											autocomplete="off"
+											@input="serverSubdomain = ($event.target as HTMLInputElement).value"
+											@keyup.enter="saveGeneral"
+										/>
+									</div>
+									<div
+										class="flex min-h-9 shrink-0 select-none items-center py-2 pr-4 font-medium opacity-50 [filter:grayscale(50%)]"
+										:class="!serverSubdomain ? '!ml-auto' : ''"
+									>
+										.modrinth.gg
+									</div>
+								</div>
+							</label>
+							<span>Your friends can connect to your server using this address.</span>
+							<div v-if="!isValidSubdomain" class="text-red font-medium">
+								<span v-if="!isValidLengthSubdomain">
+									Subdomain must be at least 5 characters long.
+								</span>
+								<span v-if="!isValidCharsSubdomain">
+									Subdomain can only contain alphanumeric characters and dashes.
+								</span>
+							</div>
+						</div>
+					</div>
+
+					<EditServerIcon v-if="!data.is_medal" />
+				</div>
+
+				<!-- preferences -->
+				<div
+					v-for="(prefConfig, key) in preferences"
+					:key="key"
+					class="flex items-center justify-between gap-2"
+				>
+					<label :for="`pref-${key}`" class="flex flex-col gap-1">
+						<div class="flex flex-row items-center gap-2">
+							<span class="text-lg font-semibold text-contrast">{{ prefConfig.displayName }}</span>
+							<div
+								v-if="!prefConfig.implemented"
+								class="hidden items-center gap-1 rounded-full bg-surface-2 p-1 px-1.5 text-xs font-semibold sm:flex"
+							>
+								Coming Soon
+							</div>
+						</div>
+						<span>{{ prefConfig.description }}</span>
+					</label>
+					<Toggle
+						:id="`pref-${key}`"
+						v-model="newUserPreferences[key]"
+						class="flex-none"
+						:disabled="!prefConfig.implemented"
+					/>
+				</div>
+
+				<!-- Info -->
+				<div class="flex flex-col gap-2.5">
+					<div class="text-lg m-0 font-semibold text-contrast">Info</div>
+					<div class="flex flex-col gap-2.5 rounded-xl bg-surface-2 p-4">
+						<div
+							v-for="property in infoProperties"
+							:key="property.name"
+							class="flex items-center justify-between gap-4"
+						>
+							<template v-if="property.value !== 'Unknown'">
+								<span>{{ property.name }}</span>
+								<CopyCode :text="property.value" />
+							</template>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div v-else />
+		<SaveBanner
+			:is-visible="(!!hasUnsavedChanges && !!isValidServerName) || isUpdating"
+			:server-id="serverId"
+			:is-updating="isUpdating || busyReasons.length > 0"
+			:save="saveGeneral"
+			:reset="resetGeneral"
+		/>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { useQueryClient } from '@tanstack/vue-query'
+import { useStorage } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
+
+import { CopyCode, StyledInput, Toggle } from '#ui/components'
+import EditServerIcon from '#ui/components/servers/edit-server-icon/EditServerIcon.vue'
+import SaveBanner from '#ui/components/servers/SaveBanner.vue'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()
+const { server: data, serverId, busyReasons } = injectModrinthServerContext()
+const queryClient = useQueryClient()
+
+const serverName = ref(data.value?.name)
+const serverSubdomain = ref(data.value?.net?.domain ?? '')
+
+watch(data, (newData) => {
+	if (newData) {
+		serverName.value = newData.name
+		serverSubdomain.value = newData.net?.domain ?? ''
+	}
+})
+const isValidLengthSubdomain = computed(() => serverSubdomain.value.length >= 5)
+const isValidCharsSubdomain = computed(
+	() => !serverSubdomain.value || /^[a-zA-Z0-9-]+$/.test(serverSubdomain.value),
+)
+const isValidSubdomain = computed(() => isValidLengthSubdomain.value && isValidCharsSubdomain.value)
+
+const isUpdating = ref(false)
+const isValidServerName = computed(() => (serverName.value?.length ?? 0) > 0)
+
+watch(serverName, (newValue, oldValue) => {
+	if (!(newValue?.length ?? 0)) {
+		serverName.value = oldValue
+	}
+})
+
+// Preferences
+const preferences = {
+	hideSubdomainLabel: {
+		displayName: 'Hide subdomain label',
+		description: 'When enabled, the subdomain label will be hidden from the server header.',
+		implemented: true,
+	},
+	// autoRestart: {
+	// 	displayName: 'Auto restarts',
+	// 	description: 'Automatically restart the server if it crashes.',
+	// 	implemented: false,
+	// },
+	ramAsNumber: {
+		displayName: 'RAM as bytes',
+		description: 'Show RAM usage in bytes instead of a percentage.',
+		implemented: true,
+	},
+} as const
+
+type PreferenceKeys = keyof typeof preferences
+
+type UserPreferences = {
+	[K in PreferenceKeys]: boolean
+}
+
+const defaultPreferences: UserPreferences = {
+	hideSubdomainLabel: false,
+	// autoRestart: false,
+	ramAsNumber: false,
+}
+
+const userPreferences = useStorage<UserPreferences>(
+	`pyro-server-${serverId}-preferences`,
+	defaultPreferences,
+)
+
+const newUserPreferences = ref<UserPreferences>(JSON.parse(JSON.stringify(userPreferences.value)))
+
+// Info properties
+const infoProperties = [
+	{ name: 'Server ID', value: serverId ?? 'Unknown' },
+	{ name: 'Node', value: data.value?.node?.instance ?? 'Unknown' },
+]
+
+// Unsaved changes tracking (API fields + preferences)
+const hasUnsavedChanges = computed(
+	() =>
+		(serverName.value && serverName.value !== data.value?.name) ||
+		serverSubdomain.value !== data.value?.net?.domain ||
+		JSON.stringify(newUserPreferences.value) !== JSON.stringify(userPreferences.value),
+)
+
+const saveGeneral = async () => {
+	if (!isValidServerName.value || !isValidSubdomain.value) return
+
+	try {
+		isUpdating.value = true
+		if (serverName.value !== data.value?.name) {
+			await client.archon.servers_v0.updateName(serverId, serverName.value ?? '')
+		}
+		if (serverSubdomain.value !== data.value?.net?.domain) {
+			try {
+				const result = await client.archon.servers_v0.checkSubdomainAvailability(
+					serverSubdomain.value,
+				)
+				const available = result.available
+
+				if (!available) {
+					addNotification({
+						type: 'error',
+						title: 'Subdomain not available',
+						text: 'The subdomain you entered is already in use.',
+					})
+					return
+				}
+
+				await client.archon.servers_v0.changeSubdomain(serverId, serverSubdomain.value)
+			} catch (error) {
+				console.error('Error checking subdomain availability:', error)
+				addNotification({
+					type: 'error',
+					title: 'Error checking availability',
+					text: 'Failed to verify if the subdomain is available.',
+				})
+				return
+			}
+		}
+
+		// Save preferences to localStorage
+		userPreferences.value = { ...newUserPreferences.value }
+
+		await queryClient.invalidateQueries({
+			queryKey: ['servers', 'detail', serverId],
+		})
+		addNotification({
+			type: 'success',
+			title: 'Server settings updated',
+			text: 'Your server settings were successfully changed.',
+		})
+	} catch (error) {
+		console.error(error)
+		addNotification({
+			type: 'error',
+			title: 'Failed to update server settings',
+			text: 'An error occurred while attempting to update your server settings.',
+		})
+	} finally {
+		isUpdating.value = false
+	}
+}
+
+const resetGeneral = () => {
+	serverName.value = data.value?.name || ''
+	serverSubdomain.value = data.value?.net?.domain ?? ''
+	newUserPreferences.value = { ...userPreferences.value }
+}
+</script>
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/index.ts b/packages/ui/src/layouts/shared/server-settings/pages/index.ts
new file mode 100644
index 000000000..58ee8b39d
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/pages/index.ts
@@ -0,0 +1,5 @@
+export { default as ServerSettingsAdvancedPage } from './advanced.vue'
+export { default as ServerSettingsGeneralPage } from './general.vue'
+export { default as ServerSettingsInstallationPage } from './installation.vue'
+export { default as ServerSettingsNetworkPage } from './network.vue'
+export { default as ServerSettingsPropertiesPage } from './properties.vue'
diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/loader.vue b/packages/ui/src/layouts/shared/server-settings/pages/installation.vue
similarity index 87%
rename from apps/frontend/src/pages/hosting/manage/[id]/options/loader.vue
rename to packages/ui/src/layouts/shared/server-settings/pages/installation.vue
index d68397c2f..40858d0b5 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/loader.vue
+++ b/packages/ui/src/layouts/shared/server-settings/pages/installation.vue
@@ -1,12 +1,16 @@
 <template>
-	<div class="flex flex-col gap-6 rounded-2xl bg-surface-3 p-6">
-		<ConfirmModal
-			ref="resetToOnboardingModal"
-			:title="formatMessage(messages.resetToOnboardingModalTitle)"
-			:description="formatMessage(messages.resetToOnboardingModalDescription)"
-			:proceed-label="formatMessage(messages.resetToOnboardingButton)"
-			@proceed="confirmResetToOnboarding"
-		/>
+	<div class="flex flex-col gap-6">
+		<Teleport to="body">
+			<div class="relative z-[100]">
+				<ConfirmModal
+					ref="resetToOnboardingModal"
+					:title="formatMessage(messages.resetToOnboardingModalTitle)"
+					:description="formatMessage(messages.resetToOnboardingModalDescription)"
+					:proceed-label="formatMessage(messages.resetToOnboardingButton)"
+					@proceed="confirmResetToOnboarding"
+				/>
+			</div>
+		</Teleport>
 
 		<InstallationSettingsLayout ref="installationSettingsLayout" @reset-server="setupModal?.show()">
 			<template #extra>
@@ -14,9 +18,6 @@
 					<span class="text-lg font-semibold text-contrast">{{
 						formatMessage(messages.resetServerTitle)
 					}}</span>
-					<span class="text-primary">
-						{{ formatMessage(messages.resetServerDescription) }}
-					</span>
 					<div>
 						<ButtonStyled color="red">
 							<button class="!shadow-none" :disabled="isInstalling" @click="setupModal?.show()">
@@ -25,15 +26,23 @@
 							</button>
 						</ButtonStyled>
 					</div>
+					<span class="text-primary">
+						{{ formatMessage(messages.resetServerDescription) }}
+					</span>
 				</div>
 			</template>
 
 			<template #extra-modals>
-				<ServerSetupModal
-					ref="setupModal"
-					@reinstall="onReinstall"
-					@browse-modpacks="onBrowseModpacks"
-				/>
+				<Teleport to="body">
+					<div class="relative z-[100]">
+						<ServerSetupModal
+							ref="setupModal"
+							@reinstall="onReinstall"
+							@browse-modpacks="onBrowseModpacks"
+						/>
+						<UploadProgressModal ref="uploadProgressModal" />
+					</div>
+				</Teleport>
 			</template>
 		</InstallationSettingsLayout>
 
@@ -69,15 +78,20 @@ import {
 	injectModrinthClient,
 	injectModrinthServerContext,
 	injectNotificationManager,
+	injectServerSettings,
 	injectTags,
 	InstallationSettingsLayout,
 	provideInstallationSettings,
 	ServerSetupModal,
+	UploadProgressModal,
 	useDebugLogger,
+	useModrinthServersConsole,
 	useVIntl,
 } from '@modrinth/ui'
 import { useQuery, useQueryClient } from '@tanstack/vue-query'
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useTemplateRef, watch } from 'vue'
+
+import { injectFilePicker } from '#ui/providers/file-picker'
 
 const debug = useDebugLogger('LoaderPage')
 const client = injectModrinthClient()
@@ -86,6 +100,12 @@ const { addNotification } = injectNotificationManager()
 const queryClient = useQueryClient()
 const tags = injectTags()
 const { formatMessage } = useVIntl()
+const serverSettings = injectServerSettings()
+const filePicker = injectFilePicker()
+const modrinthServersConsole = useModrinthServersConsole()
+
+const uploadProgressModal =
+	useTemplateRef<InstanceType<typeof UploadProgressModal>>('uploadProgressModal')
 
 const messages = defineMessages({
 	resetServerTitle: {
@@ -165,7 +185,7 @@ const messages = defineMessages({
 })
 
 const emit = defineEmits<{
-	reinstall: [any?]
+	reinstall: [unknown?]
 	'reinstall-failed': []
 }>()
 
@@ -217,8 +237,7 @@ const modpackVersionsQuery = useQuery({
 	enabled: computed(() => !!modpackProjectId.value),
 })
 
-const auth = await useAuth()
-const isSiteAdmin = computed(() => auth.value?.user?.role === 'admin')
+const isSiteAdmin = computed(() => serverSettings.currentUserRole.value === 'admin')
 
 const editingPlatform = ref(server.value?.loader?.toLowerCase() ?? 'vanilla')
 const editingGameVersion = ref(server.value?.mc_version ?? '')
@@ -521,7 +540,31 @@ provideInstallationSettings({
 	},
 
 	async reinstallModpack() {
-		if (!modpack.value || modpack.value.spec.platform !== 'modrinth') return
+		if (!modpack.value) return
+		if (modpack.value.spec.platform === 'local_file') {
+			debug('reinstallModpack: local file, opening file picker')
+			const picked = await filePicker.pickModpackFile()
+			if (!picked) return
+			try {
+				const handle = client.kyros.content_v1.uploadModpackFile(
+					worldId.value!,
+					picked.file,
+					{ known: {} },
+					{ softOverride: true },
+				)
+				await uploadProgressModal.value!.track(handle)
+				emit('reinstall')
+				invalidateServerState()
+			} catch (err) {
+				emit('reinstall-failed')
+				addNotification({
+					type: 'error',
+					text: err instanceof Error ? err.message : formatMessage(messages.failedToReinstall),
+				})
+			}
+			return
+		}
+		if (modpack.value.spec.platform !== 'modrinth') return
 		debug(
 			'reinstallModpack: called, project:',
 			modpack.value.spec.project_id,
@@ -651,7 +694,7 @@ provideInstallationSettings({
 	},
 
 	updaterModalProps: computed(() => ({
-		isApp: false,
+		isApp: serverSettings.isApp.value,
 		currentVersionId:
 			modpack.value?.spec.platform === 'modrinth' ? modpack.value.spec.version_id : '',
 		projectIconUrl: modpack.value?.icon_url ?? undefined,
@@ -662,8 +705,9 @@ provideInstallationSettings({
 	})),
 
 	isServer: true,
-	isApp: false,
+	isApp: serverSettings.isApp.value,
 	showModpackVersionActions: computed(() => modpack.value?.spec.platform === 'modrinth'),
+	isLocalFile: computed(() => modpack.value?.spec.platform === 'local_file'),
 
 	lockPlatform: false,
 	hideLoaderVersion: false,
@@ -681,16 +725,33 @@ provideInstallationSettings({
 		debug('disableAllContent: done')
 	},
 
-	async disableIncompatibleContent(diffs) {
-		debug('disableIncompatibleContent: processing', diffs.length, 'diffs')
+	async disableIncompatibleContent(targetGameVersion) {
+		debug('disableIncompatibleContent: fetching addons')
 		const addons = await client.archon.content_v1.getAddons(serverId, worldId.value!)
-		const removedFiles = new Set(diffs.filter((d) => d.type === 'removed').map((d) => d.fileName))
-		const items = (addons.addons ?? [])
-			.filter((a) => !a.disabled && removedFiles.has(a.filename))
-			.map((a) => ({ kind: a.kind, filename: a.filename }))
-		if (items.length > 0) {
-			debug('disableIncompatibleContent: disabling', items.length, 'addons')
-			await client.archon.content_v1.disableAddons(serverId, worldId.value!, items)
+		const activeAddons = (addons.addons ?? []).filter((a) => !a.disabled)
+
+		const modrinthAddons = activeAddons.filter((a) => a.version?.id)
+		const customAddons = activeAddons.filter((a) => !a.version?.id)
+
+		const incompatibleItems: { kind: (typeof activeAddons)[number]['kind']; filename: string }[] =
+			customAddons.map((a) => ({ kind: a.kind, filename: a.filename }))
+
+		if (modrinthAddons.length > 0) {
+			const versionIds = modrinthAddons.map((a) => a.version!.id)
+			const versions = await client.labrinth.versions_v2.getVersions(versionIds)
+			const incompatibleVersionIds = new Set(
+				versions.filter((v) => !v.game_versions.includes(targetGameVersion)).map((v) => v.id),
+			)
+			for (const addon of modrinthAddons) {
+				if (incompatibleVersionIds.has(addon.version!.id)) {
+					incompatibleItems.push({ kind: addon.kind, filename: addon.filename })
+				}
+			}
+		}
+
+		if (incompatibleItems.length > 0) {
+			debug('disableIncompatibleContent: disabling', incompatibleItems.length, 'addons')
+			await client.archon.content_v1.disableAddons(serverId, worldId.value!, incompatibleItems)
 		}
 		debug('disableIncompatibleContent: done')
 	},
@@ -765,16 +826,20 @@ watch(
 	},
 )
 
-function onReinstall(event?: any) {
+function onReinstall(event?: unknown) {
 	installationSettingsLayout.value?.cancelEditing()
+	modrinthServersConsole.clear()
+	queryClient.removeQueries({ queryKey: ['servers', 'ws-state', serverId] })
 	emit('reinstall', event)
+	serverSettings.closeModal?.()
 }
 
 function onBrowseModpacks() {
 	debug('onBrowseModpacks: navigating to modpack discovery')
-	navigateTo({
-		path: '/discover/modpacks',
-		query: { sid: serverId, from: 'reset-server', wid: worldId.value },
+	serverSettings.browseModpacks({
+		serverId,
+		worldId: worldId.value,
+		from: 'reset-server',
 	})
 }
 
@@ -794,6 +859,7 @@ async function confirmResetToOnboarding() {
 			title: formatMessage(messages.resetToOnboardingSuccessTitle),
 			text: formatMessage(messages.resetToOnboardingSuccessDescription),
 		})
+		serverSettings.closeModal?.()
 	} catch (err) {
 		addNotification({
 			type: 'error',
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/network.vue b/packages/ui/src/layouts/shared/server-settings/pages/network.vue
new file mode 100644
index 000000000..6145a721c
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/pages/network.vue
@@ -0,0 +1,411 @@
+<template>
+	<div>
+		<Teleport to="body">
+			<div class="relative z-[100]">
+				<NewModal ref="editAllocationModal" header="Edit allocation" width="550px">
+					<form class="flex w-full flex-col gap-2" @submit.prevent="editAllocation">
+						<label for="edit-allocation-name" class="font-semibold text-contrast"> Name </label>
+						<StyledInput
+							id="edit-allocation-name"
+							ref="editAllocationInput"
+							v-model="editAllocationName"
+							wrapper-class="w-full"
+							:maxlength="32"
+							placeholder="e.g. Secondary allocation"
+						/>
+						<div class="mb-1 mt-4 flex justify-end gap-2.5">
+							<ButtonStyled>
+								<button @click="editAllocationModal?.hide()">Cancel</button>
+							</ButtonStyled>
+							<ButtonStyled color="brand">
+								<button :disabled="!editAllocationName || creatingAllocation" type="submit">
+									<SaveIcon /> Update allocation
+								</button>
+							</ButtonStyled>
+						</div>
+					</form>
+				</NewModal>
+
+				<ConfirmModal
+					ref="confirmDeleteModal"
+					title="Deleting allocation"
+					:description="`You are deleting the allocation ${allocationToDelete}. This cannot be reserved again. Are you sure you want to proceed?`"
+					proceed-label="Delete"
+					@proceed="confirmDeleteAllocation"
+				/>
+			</div>
+		</Teleport>
+
+		<div class="relative w-full">
+			<div
+				v-if="allocationsError"
+				class="flex w-full flex-col items-center justify-center gap-4 p-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-orange p-4">
+								<IssuesIcon class="size-12 text-orange" />
+							</div>
+							<h1 class="m-0 mb-2 w-fit text-4xl font-semibold">Failed to load network settings</h1>
+						</div>
+						<p class="text-md text-secondary">
+							We couldn't load your server's network settings. Here's what we know:
+							<span class="break-all font-mono">{{
+								allocationsError?.message ?? 'Unknown error'
+							}}</span>
+						</p>
+						<ButtonStyled size="large" color="brand" @click="() => refetchAllocations()">
+							<button class="mt-6 !w-full">Retry</button>
+						</ButtonStyled>
+					</div>
+				</div>
+			</div>
+			<div v-else-if="data" class="flex h-full w-full flex-col justify-between gap-4">
+				<div class="flex h-full flex-col gap-6">
+					<!-- Allocations section -->
+					<div class="flex flex-col gap-2.5">
+						<span class="text-lg font-semibold text-contrast">Allocations</span>
+
+						<div class="flex w-full flex-col items-center justify-start gap-2 sm:flex-row">
+							<StyledInput
+								v-model="createAllocationName"
+								wrapper-class="grow max-w-[400px]"
+								:maxlength="32"
+								placeholder="e.g. Secondary allocation"
+							/>
+
+							<ButtonStyled color="brand">
+								<button
+									v-tooltip="!createAllocationName ? 'Enter a name to create an allocation' : ''"
+									:disabled="!createAllocationName || creatingAllocation"
+									@click="addNewAllocation"
+								>
+									<PlusIcon />
+									<span>Create allocation</span>
+								</button>
+							</ButtonStyled>
+						</div>
+
+						<Table :columns="allocationColumns" :data="allocationRows" row-key="port">
+							<template #cell-name="{ row }">
+								<TagItem v-if="row.primary" class="!font-medium">Primary</TagItem>
+								<span v-else class="font-semibold">{{ row.name }}</span>
+							</template>
+							<template #cell-port="{ row }">
+								<span class="font-medium">{{ row.port }}</span>
+							</template>
+							<template #cell-actions="{ row }">
+								<div class="flex items-center justify-end gap-2">
+									<ButtonStyled icon-only type="transparent" circular>
+										<button @click="copyText(`${serverIP}:${row.port}`)">
+											<CopyIcon />
+										</button>
+									</ButtonStyled>
+									<template v-if="!row.primary">
+										<ButtonStyled icon-only type="transparent" circular>
+											<button @click="showEditAllocationModal(row.port)">
+												<PencilIcon />
+											</button>
+										</ButtonStyled>
+										<ButtonStyled icon-only type="outlined" circular color="red">
+											<button @click="showConfirmDeleteModal(row.port)">
+												<TrashIcon />
+											</button>
+										</ButtonStyled>
+									</template>
+								</div>
+							</template>
+						</Table>
+						<span>
+							Create additional ports for internet-facing features like map viewers or voice chat
+							mods.
+						</span>
+					</div>
+
+					<!-- DNS records section -->
+					<div class="flex flex-col gap-2.5">
+						<label for="user-domain" class="flex flex-col gap-2">
+							<span class="text-lg font-semibold text-contrast">DNS records</span>
+						</label>
+						<div class="flex w-full flex-col items-center justify-start gap-2 sm:flex-row">
+							<StyledInput
+								id="user-domain"
+								v-model="userDomain"
+								wrapper-class="grow max-w-[400px]"
+								:maxlength="64"
+								:placeholder="exampleDomain"
+							/>
+
+							<ButtonStyled>
+								<button
+									class="!w-full sm:!w-auto"
+									:disabled="userDomain == ''"
+									@click="exportDnsRecords"
+								>
+									<UploadIcon />
+									<span>Export</span>
+								</button>
+							</ButtonStyled>
+						</div>
+
+						<Table :columns="dnsColumns" :data="dnsRecords">
+							<template #cell-type="{ row }">
+								<TagItem
+									v-if="row.type === 'SRV'"
+									class="border !border-solid border-purple bg-highlight-purple !font-medium"
+									:style="`--_color: var(--color-purple)`"
+								>
+									{{ row.type }}
+								</TagItem>
+								<TagItem
+									v-else
+									class="border !border-solid border-blue bg-highlight-blue !font-medium"
+									:style="`--_color: var(--color-blue)`"
+								>
+									{{ row.type }}
+								</TagItem>
+							</template>
+							<template #cell-name="{ row }">
+								<span
+									class="block cursor-pointer truncate pr-8 font-semibold"
+									@click="copyText(row.name)"
+								>
+									{{ row.name }}
+								</span>
+							</template>
+							<template #cell-content="{ row }">
+								<span
+									class="block cursor-pointer truncate pr-8 font-semibold"
+									@click="copyText(row.content)"
+								>
+									{{ row.content }}
+								</span>
+							</template>
+						</Table>
+
+						<span>
+							Set up your personal domain to connect to your server via custom DNS records.
+						</span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import {
+	CopyIcon,
+	IssuesIcon,
+	PencilIcon,
+	PlusIcon,
+	SaveIcon,
+	TrashIcon,
+	UploadIcon,
+} from '@modrinth/assets'
+import { useQuery, useQueryClient } from '@tanstack/vue-query'
+import { computed, nextTick, ref } from 'vue'
+
+import { ButtonStyled, ConfirmModal, NewModal, StyledInput, Table, TagItem } from '#ui/components'
+import type { TableColumn } from '#ui/components/base'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+const { addNotification } = injectNotificationManager()
+const { server, serverId } = injectModrinthServerContext()
+const client = injectModrinthClient()
+const queryClient = useQueryClient()
+
+const data = server
+
+const serverIP = ref(data?.value?.net?.ip ?? '')
+const serverPrimaryPort = ref(data?.value?.net?.port ?? 0)
+const userDomain = ref('')
+const exampleDomain = 'play.example.com'
+
+const {
+	data: allocationsData,
+	error: allocationsError,
+	refetch: refetchAllocations,
+} = useQuery({
+	queryKey: ['servers', 'allocations', serverId] as const,
+	queryFn: () => client.archon.servers_v0.getAllocations(serverId),
+})
+const allocations = allocationsData
+
+const allocationColumns: TableColumn[] = [
+	{ key: 'name', label: 'Name', width: '40%' },
+	{ key: 'port', label: 'Port' },
+	{ key: 'actions', label: 'Actions', width: '33%', align: 'right' },
+]
+
+const allocationRows = computed(() => {
+	const primary = {
+		name: 'Primary allocation',
+		port: serverPrimaryPort.value,
+		primary: true,
+	}
+	const extra = (allocations.value ?? []).map((a) => ({
+		name: a.name,
+		port: a.port,
+		primary: false,
+	}))
+	return [primary, ...extra]
+})
+
+const dnsColumns: TableColumn[] = [
+	{ key: 'type', label: 'Type', width: '20%' },
+	{ key: 'name', label: 'Name', width: '35%' },
+	{ key: 'content', label: 'Content' },
+]
+
+const editAllocationModal = ref<typeof NewModal>()
+const confirmDeleteModal = ref<typeof ConfirmModal>()
+const editAllocationInput = ref<HTMLInputElement | null>(null)
+const createAllocationName = ref('')
+const editAllocationName = ref('')
+const newAllocationPort = ref(0)
+const allocationToDelete = ref<number | null>(null)
+const creatingAllocation = ref(false)
+
+const addNewAllocation = async () => {
+	if (!createAllocationName.value) return
+	creatingAllocation.value = true
+
+	try {
+		await client.archon.servers_v0.reserveAllocation(serverId, createAllocationName.value)
+		await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
+
+		createAllocationName.value = ''
+
+		addNotification({
+			type: 'success',
+			title: 'Allocation reserved',
+			text: 'Your allocation has been reserved.',
+		})
+	} catch (error) {
+		console.error('Failed to reserve new allocation:', error)
+	} finally {
+		creatingAllocation.value = false
+	}
+}
+
+const showEditAllocationModal = (port: number) => {
+	newAllocationPort.value = port
+	editAllocationName.value = allocations.value?.find((a) => a.port === port)?.name ?? ''
+	editAllocationModal.value?.show()
+	nextTick(() => {
+		setTimeout(() => {
+			editAllocationInput.value?.focus()
+		}, 100)
+	})
+}
+
+const showConfirmDeleteModal = (port: number) => {
+	allocationToDelete.value = port
+	confirmDeleteModal.value?.show()
+}
+
+const confirmDeleteAllocation = async () => {
+	if (allocationToDelete.value === null) return
+
+	await client.archon.servers_v0.deleteAllocation(serverId, allocationToDelete.value)
+	await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
+
+	addNotification({
+		type: 'success',
+		title: 'Allocation removed',
+		text: 'Your allocation has been removed.',
+	})
+
+	allocationToDelete.value = null
+}
+
+const editAllocation = async () => {
+	if (!editAllocationName.value) return
+	creatingAllocation.value = true
+
+	try {
+		await client.archon.servers_v0.updateAllocation(
+			serverId,
+			newAllocationPort.value,
+			editAllocationName.value,
+		)
+		await queryClient.invalidateQueries({ queryKey: ['servers', 'allocations', serverId] })
+
+		editAllocationModal.value?.hide()
+		editAllocationName.value = ''
+
+		addNotification({
+			type: 'success',
+			title: 'Allocation updated',
+			text: 'Your allocation has been updated.',
+		})
+	} catch (error) {
+		console.error('Failed to reserve new allocation:', error)
+	} finally {
+		creatingAllocation.value = false
+	}
+}
+
+const dnsRecords = computed(() => {
+	const domain = userDomain.value === '' ? exampleDomain : userDomain.value
+	return [
+		{
+			type: 'A',
+			name: `${domain}`,
+			content: data.value?.net?.ip ?? '',
+		},
+		{
+			type: 'SRV',
+			name: `_minecraft._tcp.${domain}`,
+			content: `0 10 ${data.value?.net?.port} ${domain}`,
+		},
+	]
+})
+
+type DnsRecord = {
+	type: string
+	name: string
+	content: string
+}
+
+const exportDnsRecords = () => {
+	const records = dnsRecords.value.reduce(
+		(acc, record) => {
+			const type = record.type
+			if (!acc[type]) {
+				acc[type] = []
+			}
+			acc[type].push(record)
+			return acc
+		},
+		{} as Record<string, DnsRecord[]>,
+	)
+
+	const text = Object.entries(records)
+		.map(([type, records]) => {
+			return `; ${type} Records\n${records.map((record) => `${record.name}.\t1\tIN\t${record.type} ${record.content}${record.type === 'SRV' ? '.' : ''}`).join('\n')}\n`
+		})
+		.join('\n')
+	const blob = new Blob([text], { type: 'text/plain' })
+	const a = document.createElement('a')
+	a.href = window.URL.createObjectURL(blob)
+	a.download = `${userDomain.value}.txt`
+	a.click()
+	a.remove()
+}
+
+const copyText = (text: string) => {
+	navigator.clipboard.writeText(text)
+	addNotification({
+		type: 'success',
+		title: 'Text copied',
+		text: `${text} has been copied to your clipboard`,
+	})
+}
+</script>
diff --git a/packages/ui/src/layouts/shared/server-settings/pages/properties.vue b/packages/ui/src/layouts/shared/server-settings/pages/properties.vue
new file mode 100644
index 000000000..fa00c9058
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/pages/properties.vue
@@ -0,0 +1,560 @@
+<template>
+	<div class="relative h-screen w-full select-none max-h-[min(70vh,750px)]">
+		<div v-if="propsData" class="flex h-full w-full flex-col justify-between gap-4">
+			<Admonition
+				v-if="hasNoProperties"
+				type="warning"
+				body="Some expected properties are missing from your server.properties - this usually means the server hasn't completed its first startup yet."
+			/>
+
+			<div class="flex flex-col gap-4">
+				<div class="flex flex-col gap-2">
+					<div class="m-0">
+						Edit the Minecraft server properties file here, or use the
+						<AutoLink
+							class="goto-link !inline-block"
+							:to="filesTabLink"
+							@click="onFilesTabLinkClick"
+						>
+							Files tab
+						</AutoLink>
+						to edit the full file. If you're unsure about a setting, the
+						<AutoLink
+							class="goto-link !inline-block"
+							to="https://minecraft.wiki/w/Server.properties"
+							target="_blank"
+						>
+							Minecraft Wiki
+						</AutoLink>
+						has more details.
+					</div>
+				</div>
+
+				<div class="w-full text-sm">
+					<label for="search-server-properties" class="sr-only"> Search server properties </label>
+					<StyledInput
+						id="search-server-properties"
+						v-model="searchInput"
+						wrapper-class="w-full"
+						type="search"
+						:icon="SearchIcon"
+						name="search"
+						autocomplete="off"
+						placeholder="Search server properties..."
+					/>
+				</div>
+				<div class="flex flex-col gap-3 pb-2">
+					<div class="flex flex-col gap-6">
+						<!-- Basic Properties -->
+						<!-- [&:not(:has(*:not(:empty)))]:hidden is to hide parent if all children are empty -->
+						<div
+							class="rounded-2xl border border-solid border-surface-5 p-4 pb-2 [&:not(:has(*:not(:empty)))]:hidden"
+						>
+							<div class="flex w-full flex-col gap-1.5">
+								<div v-if="isPropertyVisible('gamemode')" class="flex flex-col gap-2.5 my-1">
+									<span class="font-semibold text-contrast">Gamemode</span>
+									<Chips
+										v-model="combinedGamemode"
+										:items="gamemodeItems"
+										:format-label="capitalize"
+									/>
+								</div>
+
+								<div
+									v-if="combinedGamemode !== 'hardcore' && isPropertyVisible('difficulty')"
+									class="flex flex-col gap-2.5 my-1"
+								>
+									<span class="font-semibold text-contrast">Difficulty</span>
+									<Chips
+										v-model="selectedDifficulty"
+										:items="difficultyItems"
+										:format-label="capitalize"
+									/>
+								</div>
+
+								<div v-if="isPropertyVisible('max_players')" class="flex flex-col gap-2.5 my-1">
+									<span class="font-semibold text-contrast">Max players</span>
+									<StyledInput
+										id="server-property-max-players"
+										:model-value="liveProperties.max_players"
+										type="number"
+										placeholder="20"
+										wrapper-class="w-full max-w-[450px]"
+										@update:model-value="liveProperties.max_players = String($event)"
+									/>
+								</div>
+
+								<div v-if="isPropertyVisible('motd')" class="flex flex-col gap-2.5 my-1">
+									<span class="font-semibold text-contrast">MOTD</span>
+									<StyledInput
+										id="server-property-motd"
+										v-model="liveProperties.motd"
+										placeholder="A Minecraft Server"
+										wrapper-class="w-full max-w-[450px]"
+									/>
+								</div>
+
+								<div
+									v-if="isPropertyVisible('allow_flight')"
+									class="flex flex-row items-center justify-between gap-4 h-10"
+								>
+									<span class="font-semibold text-contrast">Allow flight</span>
+									<Toggle
+										id="server-property-allow-flight"
+										:model-value="liveProperties.allow_flight === 'true'"
+										@update:model-value="liveProperties.allow_flight = $event ? 'true' : 'false'"
+									/>
+								</div>
+
+								<div
+									v-if="isPropertyVisible('allow_cheats')"
+									class="flex flex-row items-center justify-between gap-4 h-10"
+								>
+									<span class="font-semibold text-contrast">Allow cheats</span>
+									<Toggle
+										id="server-property-allow-cheats"
+										:model-value="liveProperties.allow_cheats === 'true'"
+										@update:model-value="liveProperties.allow_cheats = $event ? 'true' : 'false'"
+									/>
+								</div>
+
+								<div
+									v-if="isPropertyVisible('white_list')"
+									class="flex flex-row items-center justify-between gap-4 h-10"
+								>
+									<span class="font-semibold text-contrast">Enable whitelist</span>
+									<Toggle id="server-property-whitelist" v-model="whitelistEnabled" />
+								</div>
+
+								<div
+									v-if="isPropertyVisible('spawn_protection')"
+									class="flex flex-row items-center justify-between gap-4 h-10"
+								>
+									<span class="font-semibold text-contrast">Enable spawn protection</span>
+									<Toggle
+										id="server-property-spawn-protection-toggle"
+										v-model="spawnProtectionEnabled"
+									/>
+								</div>
+
+								<div
+									v-if="spawnProtectionEnabled && isPropertyVisible('spawn_protection')"
+									class="flex items-center justify-between h-10"
+								>
+									<span class="font-semibold text-contrast">Protection radius</span>
+									<StyledInput
+										id="server-property-spawn-protection-radius"
+										:model-value="liveProperties.spawn_protection"
+										type="number"
+										wrapper-class="w-full sm:w-[100px]"
+										input-class="text-right"
+										@update:model-value="liveProperties.spawn_protection = String($event)"
+									/>
+								</div>
+							</div>
+						</div>
+					</div>
+					<!-- Advanced Properties -->
+					<Accordion
+						v-if="hasVisibleAdvancedProperties"
+						overflow-visible
+						:force-open="isSearchActive"
+						button-class="flex w-full flex-col gap-2 bg-transparent m-0 p-0 border-none"
+					>
+						<template #title>
+							<span class="text-lg font-semibold text-contrast">Advanced properties</span>
+						</template>
+
+						<div class="flex flex-col gap-6 pt-4">
+							<template v-for="group in advancedGroupedProperties" :key="group.label">
+								<div v-if="hasVisibleProperties(group)" class="flex flex-col gap-2.5">
+									<h3 class="m-0 text-base font-semibold text-contrast">
+										{{ group.label }}
+									</h3>
+									<div
+										class="flex flex-col gap-2 rounded-2xl border border-solid border-surface-5 p-4"
+									>
+										<template v-for="key in group.properties" :key="key">
+											<div
+												v-if="isPropertyVisible(key)"
+												class="flex flex-row flex-wrap items-center justify-between h-10"
+											>
+												<span :id="`property-label-${key}`" class="font-semibold text-contrast">
+													{{ formatPropertyName(key) }}
+												</span>
+
+												<div
+													v-if="getPropertyDef(key).type === 'toggle'"
+													class="flex w-full justify-end sm:w-[320px]"
+												>
+													<Toggle
+														:id="`server-property-${key}`"
+														:model-value="liveProperties[key] === 'true'"
+														:aria-labelledby="`property-label-${key}`"
+														@update:model-value="liveProperties[key] = $event ? 'true' : 'false'"
+													/>
+												</div>
+												<div
+													v-else-if="getPropertyDef(key).type === 'number'"
+													class="w-full sm:w-[320px]"
+												>
+													<StyledInput
+														:id="`server-property-${key}`"
+														:model-value="liveProperties[key]"
+														type="number"
+														placeholder="Type here..."
+														wrapper-class="w-full"
+														:aria-labelledby="`property-label-${key}`"
+														@update:model-value="liveProperties[key] = String($event)"
+													/>
+												</div>
+												<div v-else class="flex w-full justify-end sm:w-[320px]">
+													<StyledInput
+														:id="`server-property-${key}`"
+														v-model="liveProperties[key]"
+														placeholder="Type here..."
+														wrapper-class="w-full"
+														:aria-labelledby="`property-label-${key}`"
+													/>
+												</div>
+											</div>
+										</template>
+									</div>
+								</div>
+							</template>
+							<div>
+								All other properties can be edited in server.properties via the
+								<AutoLink
+									class="goto-link !inline-block"
+									:to="filesTabLink"
+									@click="onFilesTabLinkClick"
+								>
+									Files tab </AutoLink
+								>.
+							</div>
+						</div>
+					</Accordion>
+
+					<div
+						v-if="hasNoResults"
+						class="flex flex-col items-center gap-2 py-8 text-center text-secondary"
+					>
+						<SearchIcon class="size-10" />
+						<span class="text-lg font-semibold text-contrast">No properties found</span>
+						<span>No properties match "{{ searchInput }}".</span>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div v-else class="flex h-full w-full items-center justify-center">
+			<SpinnerIcon class="animate-spin" />
+		</div>
+
+		<SaveBanner
+			:is-visible="hasUnsavedChanges || isUpdating"
+			:server-id="serverId"
+			:is-updating="isUpdating || busyReasons.length > 0"
+			restart
+			:save="
+				async () => {
+					await saveProperties()
+				}
+			"
+			:reset="resetProperties"
+		/>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Archon } from '@modrinth/api-client'
+import { SearchIcon, SpinnerIcon } from '@modrinth/assets'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import Fuse from 'fuse.js'
+import { computed, ref, watch } from 'vue'
+
+import { Accordion, Admonition, AutoLink, Chips, StyledInput, Toggle } from '#ui/components'
+import SaveBanner from '#ui/components/servers/SaveBanner.vue'
+import { injectServerSettings } from '#ui/layouts/shared/server-settings'
+import {
+	injectModrinthClient,
+	injectModrinthServerContext,
+	injectNotificationManager,
+} from '#ui/providers'
+
+const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()
+const { serverId, worldId, powerState, busyReasons } = injectModrinthServerContext()
+const queryClient = useQueryClient()
+const filesTabLink = computed(
+	() => `/hosting/manage/${encodeURIComponent(serverId)}/files?path=/&editing=server.properties`,
+)
+const serverSettings = injectServerSettings(null)
+
+const searchInput = ref('')
+
+function onFilesTabLinkClick() {
+	serverSettings?.closeModal?.()
+}
+
+type PropertyDef = { type: 'toggle' } | { type: 'number' } | { type: 'text' }
+
+const KNOWN_PROPERTIES: Record<string, PropertyDef> = {
+	allow_cheats: { type: 'toggle' },
+	allow_flight: { type: 'toggle' },
+	difficulty: { type: 'text' },
+	enforce_whitelist: { type: 'toggle' },
+	force_gamemode: { type: 'toggle' },
+	gamemode: { type: 'text' },
+	generate_structures: { type: 'toggle' },
+	generator_settings: { type: 'text' },
+	hardcore: { type: 'toggle' },
+	level_seed: { type: 'text' },
+	level_type: { type: 'text' },
+	max_players: { type: 'number' },
+	max_tick_time: { type: 'number' },
+	motd: { type: 'text' },
+	pause_when_empty_seconds: { type: 'number' },
+	player_idle_timeout: { type: 'number' },
+	require_resource_pack: { type: 'toggle' },
+	resource_pack: { type: 'text' },
+	resource_pack_id: { type: 'text' },
+	resource_pack_sha1: { type: 'text' },
+	simulation_distance: { type: 'number' },
+	spawn_protection: { type: 'number' },
+	sync_chunk_writes: { type: 'toggle' },
+	view_distance: { type: 'number' },
+	white_list: { type: 'toggle' },
+}
+
+function getPropertyDef(key: string): PropertyDef {
+	return KNOWN_PROPERTIES[key] ?? { type: 'text' }
+}
+
+const ADVANCED_GROUPS = [
+	{
+		label: 'Performance',
+		keys: [
+			'view_distance',
+			'simulation_distance',
+			'sync_chunk_writes',
+			'max_tick_time',
+			'player_idle_timeout',
+			'pause_when_empty_seconds',
+		],
+	},
+	{
+		label: 'Resource Pack',
+		keys: ['resource_pack', 'resource_pack_id', 'resource_pack_sha1', 'require_resource_pack'],
+	},
+]
+
+type CombinedGamemode = 'survival' | 'creative' | 'hardcore'
+const gamemodeItems: CombinedGamemode[] = ['survival', 'creative', 'hardcore']
+const difficultyItems = ['peaceful', 'easy', 'normal', 'hard']
+
+function capitalize(str: string): string {
+	return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+const queryKey = computed(() => ['servers', 'properties', 'v1', serverId, worldId.value])
+
+const { data: propsData } = useQuery({
+	queryKey,
+	queryFn: () => client.archon.properties_v1.getProperties(serverId, worldId.value!),
+	enabled: computed(() => worldId.value !== null),
+})
+
+function flattenProperties(data: Archon.Content.v1.PropertiesFields): Record<string, string> {
+	const result: Record<string, string> = {}
+	if (data.known) {
+		for (const [key, value] of Object.entries(data.known)) {
+			if (value != null) result[key] = value
+		}
+	}
+	if (data.custom) {
+		for (const [key, value] of Object.entries(data.custom)) {
+			if (value != null) result[key] = value
+		}
+	}
+	return result
+}
+
+const liveProperties = ref<Record<string, string>>({})
+const originalProperties = ref<Record<string, string>>({})
+let previousSpawnProtection = '16'
+
+function syncFormFromData() {
+	if (!propsData.value) return
+	const flat = flattenProperties(propsData.value)
+	liveProperties.value = { ...flat }
+	originalProperties.value = { ...flat }
+	const sp = flat.spawn_protection
+	if (sp && sp !== '0') {
+		previousSpawnProtection = sp
+	}
+}
+
+const hasNoProperties = computed(() => Object.keys(liveProperties.value).length === 0)
+
+const hasUnsavedChanges = computed(() =>
+	Object.keys(liveProperties.value).some(
+		(key) => liveProperties.value[key] !== originalProperties.value[key],
+	),
+)
+
+watch(
+	propsData,
+	(newData) => {
+		if (newData && !hasUnsavedChanges.value) {
+			syncFormFromData()
+		}
+	},
+	{ immediate: true },
+)
+
+watch(powerState, () => {
+	queryClient.invalidateQueries({ queryKey: queryKey.value })
+})
+
+const combinedGamemode = computed<CombinedGamemode>({
+	get() {
+		if (liveProperties.value.hardcore === 'true') return 'hardcore'
+		if (liveProperties.value.gamemode === 'creative') return 'creative'
+		return 'survival'
+	},
+	set(value) {
+		if (value === 'hardcore') {
+			liveProperties.value.gamemode = 'survival'
+			liveProperties.value.hardcore = 'true'
+			liveProperties.value.difficulty = 'hard'
+		} else {
+			liveProperties.value.gamemode = value
+			liveProperties.value.hardcore = 'false'
+		}
+	},
+})
+
+const selectedDifficulty = computed({
+	get: () => liveProperties.value.difficulty ?? 'normal',
+	set: (v: string) => {
+		liveProperties.value.difficulty = v
+	},
+})
+
+const whitelistEnabled = computed({
+	get: () => liveProperties.value.white_list === 'true',
+	set: (v: boolean) => {
+		liveProperties.value.white_list = v ? 'true' : 'false'
+		liveProperties.value.enforce_whitelist = v ? 'true' : 'false'
+	},
+})
+
+const spawnProtectionEnabled = computed({
+	get: () => {
+		const val = liveProperties.value.spawn_protection
+		return val !== undefined && val !== '0'
+	},
+	set: (enabled: boolean) => {
+		if (enabled) {
+			liveProperties.value.spawn_protection = previousSpawnProtection || '16'
+		} else {
+			previousSpawnProtection = liveProperties.value.spawn_protection || '16'
+			liveProperties.value.spawn_protection = '0'
+		}
+	},
+})
+
+function buildPatch(): Archon.Content.v1.PatchPropertiesFields {
+	const known: Record<string, string> = {}
+	const custom: Record<string, string> = {}
+
+	for (const key of Object.keys(liveProperties.value)) {
+		if (liveProperties.value[key] === originalProperties.value[key]) continue
+		if (key in KNOWN_PROPERTIES) {
+			known[key] = liveProperties.value[key]
+		} else {
+			custom[key] = liveProperties.value[key]
+		}
+	}
+
+	const patch: Archon.Content.v1.PatchPropertiesFields = {}
+	if (Object.keys(known).length > 0) {
+		patch.known = known as Archon.Content.v1.KnownPropertiesFields
+	}
+	if (Object.keys(custom).length > 0) {
+		patch.custom = custom
+	}
+	return patch
+}
+
+const { mutateAsync: saveProperties, isPending: isUpdating } = useMutation({
+	mutationFn: () =>
+		client.archon.properties_v1.patchProperties(serverId, worldId.value!, buildPatch()),
+	onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: queryKey.value })
+		syncFormFromData()
+		addNotification({
+			type: 'success',
+			title: 'Server properties updated',
+			text: 'Your server properties were successfully changed.',
+		})
+	},
+	onError: (error) => {
+		addNotification({
+			type: 'error',
+			title: 'Failed to update server properties',
+			text: error instanceof Error ? error.message : 'An error occurred.',
+		})
+	},
+})
+
+function resetProperties() {
+	syncFormFromData()
+}
+
+const advancedGroupedProperties = computed(() =>
+	ADVANCED_GROUPS.map((group) => ({
+		label: group.label,
+		properties: group.keys.filter((key) => key in liveProperties.value),
+	})).filter((g) => g.properties.length > 0),
+)
+
+const fuse = computed(() => {
+	const entries = Object.entries(liveProperties.value).map(([key, value]) => ({
+		key,
+		value: String(value),
+	}))
+	return new Fuse(entries, { keys: ['key', 'value'], threshold: 0.2 })
+})
+
+const filteredProperties = computed(() => {
+	if (!searchInput.value?.trim()) return liveProperties.value
+	const results = fuse.value.search(searchInput.value)
+	return Object.fromEntries(results.map(({ item }) => [item.key, liveProperties.value[item.key]]))
+})
+
+const isSearchActive = computed(() => !!searchInput.value?.trim())
+const hasNoResults = computed(
+	() => isSearchActive.value && Object.keys(filteredProperties.value).length === 0,
+)
+
+function isPropertyVisible(key: string): boolean {
+	if (!isSearchActive.value) return true
+	return key in filteredProperties.value
+}
+
+function hasVisibleProperties(group: { properties: string[] }): boolean {
+	return group.properties.some((key) => isPropertyVisible(key))
+}
+
+const hasVisibleAdvancedProperties = computed(() =>
+	advancedGroupedProperties.value.some((group) => hasVisibleProperties(group)),
+)
+
+function formatPropertyName(name: string): string {
+	return name
+		.split('_')
+		.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+		.join(' ')
+}
+</script>
diff --git a/packages/ui/src/layouts/shared/server-settings/providers/index.ts b/packages/ui/src/layouts/shared/server-settings/providers/index.ts
new file mode 100644
index 000000000..5b5bed990
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/providers/index.ts
@@ -0,0 +1 @@
+export * from './server-settings'
diff --git a/packages/ui/src/layouts/shared/server-settings/providers/server-settings.ts b/packages/ui/src/layouts/shared/server-settings/providers/server-settings.ts
new file mode 100644
index 000000000..8aa29fb8b
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/providers/server-settings.ts
@@ -0,0 +1,22 @@
+import type { Ref } from 'vue'
+
+import { createContext } from '#ui/providers/create-context'
+
+export interface ServerSettingsBrowseModpacksArgs {
+	serverId: string
+	worldId: string | null
+	from: 'reset-server'
+}
+
+export interface ServerSettingsContext {
+	isApp: Ref<boolean>
+	currentUserId: Ref<string | null>
+	currentUserRole: Ref<string | null>
+	browseModpacks: (args: ServerSettingsBrowseModpacksArgs) => void | Promise<void>
+	closeModal?: () => void
+}
+
+export const [injectServerSettings, provideServerSettings] = createContext<ServerSettingsContext>(
+	'ServerSettings',
+	'serverSettingsContext',
+)
diff --git a/packages/ui/src/layouts/shared/server-settings/tabs.ts b/packages/ui/src/layouts/shared/server-settings/tabs.ts
new file mode 100644
index 000000000..7dcb58024
--- /dev/null
+++ b/packages/ui/src/layouts/shared/server-settings/tabs.ts
@@ -0,0 +1,82 @@
+import type { Archon } from '@modrinth/api-client'
+import {
+	CardIcon,
+	ListIcon,
+	ModrinthIcon,
+	SettingsIcon,
+	TextQuoteIcon,
+	VersionIcon,
+	WrenchIcon,
+} from '@modrinth/assets'
+import type { Component } from 'vue'
+
+export type ServerSettingsTabId =
+	| 'general'
+	| 'installation'
+	| 'network'
+	| 'properties'
+	| 'advanced'
+	| 'billing'
+	| 'admin-billing'
+
+export interface ServerSettingsTabContext {
+	serverId: string
+	ownerId: string
+	serverStatus?: Archon.Servers.v0.Status | null
+	isOwner: boolean
+	isAdmin: boolean
+}
+
+export interface ServerSettingsTabDefinition {
+	id: ServerSettingsTabId
+	label: string
+	icon: Component
+	href?: (ctx: ServerSettingsTabContext) => string
+	external?: boolean
+	shown?: (ctx: ServerSettingsTabContext) => boolean
+}
+
+export const serverSettingsTabDefinitions: ServerSettingsTabDefinition[] = [
+	{
+		id: 'general',
+		label: 'General',
+		icon: SettingsIcon,
+	},
+	{
+		id: 'installation',
+		label: 'Installation',
+		icon: WrenchIcon,
+	},
+	{
+		id: 'network',
+		label: 'Network',
+		icon: VersionIcon,
+	},
+	{
+		id: 'properties',
+		label: 'Properties',
+		icon: ListIcon,
+		shown: ({ serverStatus }) => serverStatus !== 'installing',
+	},
+	{
+		id: 'advanced',
+		label: 'Advanced',
+		icon: TextQuoteIcon,
+	},
+	{
+		id: 'billing',
+		label: 'Billing',
+		icon: CardIcon,
+		href: ({ serverId }) => `/settings/billing#server-${serverId}`,
+		external: true,
+		shown: ({ isOwner }) => isOwner,
+	},
+	{
+		id: 'admin-billing',
+		label: 'Admin Billing',
+		icon: ModrinthIcon,
+		href: ({ ownerId }) => `/admin/billing/${ownerId}`,
+		external: true,
+		shown: ({ isAdmin }) => isAdmin,
+	},
+]
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/onboarding.vue b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/onboarding.vue
index 1845d070b..160ccbf62 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/[id]/onboarding.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/[id]/onboarding.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="mx-auto flex w-fit flex-col items-start gap-4 mt-6 max-w-[500px]">
+	<div class="mx-auto flex w-fit flex-col items-start gap-4 mt-16 max-w-[500px]">
 		<div class="flex flex-col gap-2 w-full">
-			<h2 class="m-0 text-2xl font-semibold text-contrast">Welcome to Modrinth</h2>
+			<h2 class="m-0 text-2xl font-semibold text-contrast">Welcome to Modrinth Hosting</h2>
 			<p class="m-0 text-base text-secondary">
 				Your server is ready. Here's what you need to do to start playing!
 			</p>
@@ -95,6 +95,19 @@ const route = useRoute()
 const router = useRouter()
 const queryClient = useQueryClient()
 
+const props = withDefaults(
+	defineProps<{
+		browseModpacks?: (args: {
+			serverId: string
+			worldId: string | null
+			from: 'onboarding'
+		}) => void | Promise<void>
+	}>(),
+	{
+		browseModpacks: undefined,
+	},
+)
+
 const modalRef = ref<InstanceType<typeof CreationFlowModal> | null>(null)
 
 const uploading = ref(false)
@@ -109,6 +122,15 @@ const openModal = () => modalRef.value?.show()
 onBeforeUnmount(() => modalRef.value?.hide())
 
 function onBrowseModpacks() {
+	if (props.browseModpacks) {
+		props.browseModpacks({
+			serverId,
+			worldId: worldId.value,
+			from: 'onboarding',
+		})
+		return
+	}
+
 	router.push({
 		path: '/discover/modpacks',
 		query: { sid: serverId, from: 'onboarding', wid: worldId.value },
@@ -152,7 +174,7 @@ async function finalizeSetup() {
 	client.archon.servers_v1.endIntro(serverId).then(() => {
 		queryClient.invalidateQueries({ queryKey: ['servers', 'detail', serverId] })
 	})
-	await router.push(`/hosting/manage/${serverId}/content`)
+	await router.push(`/hosting/manage/${serverId}/`)
 }
 
 /** Map UI loader names to API Modloader values */
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/components/ServerManageStats.vue b/packages/ui/src/layouts/wrapped/hosting/manage/components/ServerManageStats.vue
new file mode 100644
index 000000000..bce17d438
--- /dev/null
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/components/ServerManageStats.vue
@@ -0,0 +1,262 @@
+<template>
+	<div
+		data-pyro-server-stats
+		style="font-variant-numeric: tabular-nums"
+		class="flex select-none flex-col items-center gap-4 md:flex-row"
+		:class="{ 'pointer-events-none': loading }"
+		:aria-hidden="loading"
+	>
+		<component
+			:is="metric.link ? RouterLink : 'div'"
+			v-for="(metric, index) in metrics"
+			:key="index"
+			:to="metric.link && !loading ? metric.link : undefined"
+			class="relative isolate min-h-[145px] w-full overflow-hidden rounded-[20px] bg-surface-3 p-5"
+			:class="
+				metric.link && !loading
+					? 'cursor-pointer transition-transform duration-100 hover:brightness-125 active:scale-95'
+					: ''
+			"
+		>
+			<div class="relative z-10 flex flex-col gap-2">
+				<div class="flex items-center justify-between">
+					<span class="stat-drop-shadow flex items-center gap-2 font-medium text-lg text-primary">
+						{{ metric.title }}
+					</span>
+					<span class="relative">
+						<component :is="metric.icon" class="stat-drop-shadow relative z-10 size-8" />
+						<!-- <div
+							class="absolute -right-4 -top-4 -z-10 size-14 rounded-full bg-surface-3 opacity-50 blur-lg"
+						/> -->
+					</span>
+				</div>
+				<span class="stat-drop-shadow text-4xl font-bold text-contrast">
+					{{ metric.value }}
+				</span>
+				<!-- <div
+					class="absolute -left-8 -top-4 -z-10 h-28 w-56 rounded-full bg-surface-3 opacity-50 blur-lg"
+				/> -->
+			</div>
+
+			<div v-if="metric.showGraph" class="chart-space absolute bottom-0 left-0 right-0">
+				<VueApexCharts
+					v-if="!loading && metric.chartOptions"
+					type="area"
+					height="142"
+					:options="metric.chartOptions"
+					:series="metric.series!"
+					class="chart"
+					:class="chartsReady.has(index) ? 'opacity-100' : 'opacity-0'"
+				/>
+			</div>
+		</component>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { CpuIcon, DatabaseIcon, FolderOpenIcon } from '@modrinth/assets'
+import type { Stats } from '@modrinth/utils'
+import { useStorage } from '@vueuse/core'
+import { computed, defineAsyncComponent, ref, shallowRef, watch } from 'vue'
+import { RouterLink } from 'vue-router'
+
+import { injectModrinthServerContext } from '#ui/providers'
+
+const VueApexCharts = defineAsyncComponent(() => import('vue3-apexcharts'))
+
+const { serverId } = injectModrinthServerContext()
+
+const props = withDefaults(
+	defineProps<{
+		data?: Stats
+		loading?: boolean
+		showMemoryAsBytes?: boolean
+	}>(),
+	{
+		data: undefined,
+		loading: false,
+		showMemoryAsBytes: false,
+	},
+)
+
+const chartsReady = ref(new Set<number>())
+const userPreferences = useStorage(`pyro-server-${serverId || 'unknown'}-preferences`, {
+	ramAsNumber: false,
+})
+
+const stats = shallowRef(
+	props.data?.current || {
+		cpu_percent: 0,
+		ram_usage_bytes: 0,
+		ram_total_bytes: 1,
+		storage_usage_bytes: 0,
+	},
+)
+
+const GRAPH_SIZE = 10
+
+const padGraph = (data: number[]) => {
+	const capped = data.map((v) => Math.min(v, 100))
+	if (capped.length >= GRAPH_SIZE) return capped.slice(-GRAPH_SIZE)
+	return [...Array(GRAPH_SIZE - capped.length).fill(0), ...capped]
+}
+
+const cpuData = computed(() => padGraph(props.data?.graph.cpu ?? []))
+const ramData = computed(() => padGraph(props.data?.graph.ram ?? []))
+
+const cpuPercent = computed(() => stats.value.cpu_percent)
+const ramPercent = computed(() => (stats.value.ram_usage_bytes / stats.value.ram_total_bytes) * 100)
+
+const cpuWarning = computed(() => cpuPercent.value >= 90)
+const ramWarning = computed(() => ramPercent.value >= 90)
+
+const cpuDataMax = 104
+const ramDataMax = 104
+
+const onChartReady = (index: number) => {
+	chartsReady.value.add(index)
+}
+
+const buildChartOptions = (warning: boolean, index: number, dataMax: number) => ({
+	chart: {
+		type: 'area' as const,
+		animations: { enabled: false },
+		sparkline: { enabled: true },
+		toolbar: { show: false },
+		padding: { left: -10, right: -10, top: 0, bottom: 0 },
+		events: {
+			mounted: () => onChartReady(index),
+			updated: () => onChartReady(index),
+		},
+	},
+	stroke: { curve: 'smooth' as const, width: 3 },
+	fill: {
+		type: 'gradient' as const,
+		gradient: { shadeIntensity: 1, opacityFrom: 0.25, opacityTo: 0.05, stops: [0, 100] },
+	},
+	tooltip: { enabled: false },
+	grid: { show: false },
+	xaxis: {
+		labels: { show: false },
+		axisBorder: { show: false },
+		type: 'numeric' as const,
+		tickAmount: GRAPH_SIZE,
+	},
+	yaxis: { show: false, min: 0, max: dataMax, forceNiceScale: false },
+	colors: [warning ? 'var(--color-orange)' : 'var(--color-brand)'],
+	dataLabels: { enabled: false },
+})
+
+const cpuChartOptions = computed(() => buildChartOptions(cpuWarning.value, 0, cpuDataMax))
+const ramChartOptions = computed(() => buildChartOptions(ramWarning.value, 1, ramDataMax))
+
+const cpuSeries = computed(() => [{ name: 'CPU', data: cpuData.value }])
+const ramSeries = computed(() => [{ name: 'Memory', data: ramData.value }])
+
+const formatBytes = (bytes: number) => {
+	const units = ['B', 'KB', 'MB', 'GB']
+	let value = bytes
+	let unit = 0
+	while (value >= 1024 && unit < units.length - 1) {
+		value /= 1024
+		unit++
+	}
+	return `${Math.round(value * 10) / 10} ${units[unit]}`
+}
+
+const metrics = computed(() => {
+	const storageMetric = {
+		title: 'Storage',
+		value: props.loading ? '0 B' : formatBytes(stats.value.storage_usage_bytes),
+		icon: FolderOpenIcon,
+		showGraph: false,
+		chartOptions: null as ReturnType<typeof buildChartOptions> | null,
+		series: null as { name: string; data: number[] }[] | null,
+		link: `/hosting/manage/${encodeURIComponent(serverId)}/files`,
+	}
+
+	if (props.loading) {
+		return [
+			{
+				title: 'CPU',
+				value: '0.00%',
+				icon: CpuIcon,
+				showGraph: true,
+				chartOptions: cpuChartOptions.value,
+				series: cpuSeries.value,
+				link: null,
+			},
+			{
+				title: 'Memory',
+				value: '0.00%',
+				icon: DatabaseIcon,
+				showGraph: true,
+				chartOptions: ramChartOptions.value,
+				series: ramSeries.value,
+				link: null,
+			},
+			storageMetric,
+		]
+	}
+
+	return [
+		{
+			title: 'CPU',
+			value: `${cpuPercent.value.toFixed(2)}%`,
+			icon: CpuIcon,
+			showGraph: true,
+			chartOptions: cpuChartOptions.value,
+			series: cpuSeries.value,
+			link: null,
+		},
+		{
+			title: 'Memory',
+			value:
+				props.showMemoryAsBytes || userPreferences.value.ramAsNumber
+					? formatBytes(stats.value.ram_usage_bytes)
+					: `${ramPercent.value.toFixed(2)}%`,
+			icon: DatabaseIcon,
+			showGraph: true,
+			chartOptions: ramChartOptions.value,
+			series: ramSeries.value,
+			link: null,
+		},
+		storageMetric,
+	]
+})
+
+watch(
+	() => props.data?.current,
+	(newStats) => {
+		if (newStats) {
+			stats.value = newStats
+		}
+	},
+)
+</script>
+
+<style scoped>
+.stat-drop-shadow {
+	filter: drop-shadow(0 4px 6px var(--surface-3));
+}
+
+.chart-space {
+	height: 142px;
+	width: calc(100% + 40px);
+	margin-left: -20px;
+	margin-right: -20px;
+}
+
+.chart {
+	width: 100% !important;
+	height: 142px !important;
+	transition: opacity 0.3s ease-out;
+	box-shadow:
+		0 1px 2px 0 rgba(0, 0, 0, 0.3),
+		0 1px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+.chart :deep(svg) {
+	overflow: visible;
+}
+</style>
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/content.vue b/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
index 30776a944..29f3f4c50 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/content.vue
@@ -11,6 +11,7 @@ import {
 	injectModrinthClient,
 	injectModrinthServerContext,
 	injectNotificationManager,
+	injectServerSettingsModal,
 } from '#ui/providers'
 import { commonMessages } from '#ui/utils/common-messages'
 
@@ -31,6 +32,8 @@ import type {
 	ContentModpackCardVersion,
 } from '../../../shared/content-tab/types'
 
+type AddonWithUiState = Archon.Content.v1.Addon & { installing?: boolean }
+
 const { formatMessage } = useVIntl()
 
 const messages = defineMessages({
@@ -95,6 +98,7 @@ const leaveMessages = defineMessages({
 const client = injectModrinthClient()
 const { server, worldId, busyReasons, isSyncingContent } = injectModrinthServerContext()
 const { addNotification } = injectNotificationManager()
+const { openServerSettings, browseServerContent } = injectServerSettingsModal()
 const route = useRoute()
 const router = useRouter()
 const queryClient = useQueryClient()
@@ -397,10 +401,35 @@ if (typeof window !== 'undefined') {
 
 const updatingProject = ref<ContentItem | null>(null)
 const updatingModpack = ref(false)
-const updatingProjectVersions = ref<Labrinth.Versions.v2.Version[]>([])
-const loadingVersions = ref(false)
 const loadingChangelog = ref(false)
 
+const updatingProjectId = computed(() => updatingProject.value?.project?.id ?? null)
+
+const projectVersionsQuery = useQuery({
+	queryKey: computed(() => ['labrinth', 'versions', 'v2', updatingProjectId.value]),
+	queryFn: () =>
+		client.labrinth.versions_v2.getProjectVersions(updatingProjectId.value!, {
+			include_changelog: false,
+		}),
+	enabled: computed(() => !!updatingProjectId.value && !updatingModpack.value),
+})
+
+const updatingProjectVersions = computed(() => {
+	const source = updatingModpack.value
+		? modpackVersionsQuery.data.value
+		: projectVersionsQuery.data.value
+	if (!source) return []
+	return [...source].sort(
+		(a, b) => new Date(b.date_published).getTime() - new Date(a.date_published).getTime(),
+	)
+})
+
+const loadingVersions = computed(() =>
+	updatingModpack.value
+		? modpackVersionsQuery.isLoading.value
+		: projectVersionsQuery.isLoading.value,
+)
+
 const modpackUpdateModal = ref<InstanceType<typeof ConfirmModpackUpdateModal>>()
 const pendingModpackUpdateVersion = ref<Labrinth.Versions.v2.Version | null>(null)
 const isModpackUpdateDowngrade = ref(false)
@@ -409,6 +438,16 @@ const currentGameVersion = computed(() => contentQuery.data.value?.game_version
 const currentLoader = computed(() => contentQuery.data.value?.modloader ?? '')
 
 function handleBrowseContent() {
+	const contentType = type.value
+	if (browseServerContent && ['mod', 'plugin', 'datapack'].includes(contentType)) {
+		browseServerContent({
+			serverId,
+			worldId: worldId.value,
+			type: contentType as 'mod' | 'plugin' | 'datapack',
+		})
+		return
+	}
+
 	router.push({
 		path: `/discover/${type.value}s`,
 		query: { sid: serverId, wid: worldId.value },
@@ -472,7 +511,7 @@ function handleUploadFiles() {
 	input.click()
 }
 
-function addonToContentItem(addon: Archon.Content.v1.Addon): ContentItem {
+function addonToContentItem(addon: AddonWithUiState): ContentItem {
 	return {
 		project: {
 			id: addon.project_id ?? addon.filename,
@@ -503,6 +542,7 @@ function addonToContentItem(addon: Archon.Content.v1.Addon): ContentItem {
 		environment: addon.version?.environment ?? undefined,
 		pack_client_retained: addon.pack_client_retained,
 		pack_client_depends: addon.pack_client_depends,
+		installing: addon.installing,
 	}
 }
 
@@ -620,31 +660,11 @@ async function handleUpdateItem(id: string) {
 
 	updatingModpack.value = false
 	updatingProject.value = item
-	updatingProjectVersions.value = []
-	loadingVersions.value = true
 	loadingChangelog.value = false
 
 	await nextTick()
 
 	contentUpdaterModal.value?.show(item.update_version_id ?? undefined)
-
-	try {
-		const versions = await client.labrinth.versions_v2.getProjectVersions(item.project.id, {
-			include_changelog: false,
-		})
-		versions.sort(
-			(a, b) => new Date(b.date_published).getTime() - new Date(a.date_published).getTime(),
-		)
-		updatingProjectVersions.value = versions
-	} catch (err) {
-		addNotification({
-			type: 'error',
-			title: formatMessage(messages.failedToLoadVersions),
-			text: err instanceof Error ? err.message : undefined,
-		})
-	} finally {
-		loadingVersions.value = false
-	}
 }
 
 async function handleSwitchVersion(item: ContentItem) {
@@ -652,31 +672,11 @@ async function handleSwitchVersion(item: ContentItem) {
 
 	updatingModpack.value = false
 	updatingProject.value = item
-	updatingProjectVersions.value = []
-	loadingVersions.value = true
 	loadingChangelog.value = false
 
 	await nextTick()
 
 	contentUpdaterModal.value?.show(item.version.id, { switchMode: true })
-
-	try {
-		const versions = await client.labrinth.versions_v2.getProjectVersions(item.project.id, {
-			include_changelog: false,
-		})
-		versions.sort(
-			(a, b) => new Date(b.date_published).getTime() - new Date(a.date_published).getTime(),
-		)
-		updatingProjectVersions.value = versions
-	} catch (err) {
-		addNotification({
-			type: 'error',
-			title: formatMessage(messages.failedToLoadVersions),
-			text: err instanceof Error ? err.message : undefined,
-		})
-	} finally {
-		loadingVersions.value = false
-	}
 }
 
 async function handleModpackUpdate() {
@@ -687,41 +687,19 @@ async function handleModpackUpdate() {
 	updatingProject.value = null
 	loadingChangelog.value = false
 
-	const cached = modpackVersionsQuery.data.value
-	if (cached) {
-		const sorted = [...cached].sort(
-			(a, b) => new Date(b.date_published).getTime() - new Date(a.date_published).getTime(),
-		)
-		updatingProjectVersions.value = sorted
-		loadingVersions.value = false
-	} else {
-		updatingProjectVersions.value = []
-		loadingVersions.value = true
-	}
-
 	await nextTick()
 
 	contentUpdaterModal.value?.show(mp.has_update ?? undefined)
+}
 
-	if (!cached) {
-		try {
-			const versions = await client.labrinth.versions_v2.getProjectVersions(mp.spec.project_id, {
-				include_changelog: false,
-			})
-			versions.sort(
-				(a, b) => new Date(b.date_published).getTime() - new Date(a.date_published).getTime(),
-			)
-			updatingProjectVersions.value = versions
-		} catch (err) {
-			addNotification({
-				type: 'error',
-				title: formatMessage(messages.failedToLoadVersions),
-				text: err instanceof Error ? err.message : undefined,
-			})
-		} finally {
-			loadingVersions.value = false
-		}
-	}
+function spliceVersionInCache(fullVersion: Labrinth.Versions.v2.Version) {
+	const projectId = updatingModpack.value ? modpackProjectId.value : updatingProjectId.value
+	if (!projectId) return
+	const key = ['labrinth', 'versions', 'v2', projectId]
+	queryClient.setQueryData(key, (old: Labrinth.Versions.v2.Version[] | undefined) => {
+		if (!old) return old
+		return old.map((v) => (v.id === fullVersion.id ? fullVersion : v))
+	})
 }
 
 async function handleVersionSelect(version: Labrinth.Versions.v2.Version) {
@@ -729,12 +707,7 @@ async function handleVersionSelect(version: Labrinth.Versions.v2.Version) {
 	loadingChangelog.value = true
 	try {
 		const fullVersion = await client.labrinth.versions_v2.getVersion(version.id)
-		const index = updatingProjectVersions.value.findIndex((v) => v.id === version.id)
-		if (index !== -1) {
-			const newVersions = [...updatingProjectVersions.value]
-			newVersions[index] = fullVersion
-			updatingProjectVersions.value = newVersions
-		}
+		spliceVersionInCache(fullVersion)
 	} catch {
 		// Silently fail on changelog fetch
 	} finally {
@@ -746,12 +719,7 @@ async function handleVersionHover(version: Labrinth.Versions.v2.Version) {
 	if (version.changelog) return
 	try {
 		const fullVersion = await client.labrinth.versions_v2.getVersion(version.id)
-		const index = updatingProjectVersions.value.findIndex((v) => v.id === version.id)
-		if (index !== -1) {
-			const newVersions = [...updatingProjectVersions.value]
-			newVersions[index] = fullVersion
-			updatingProjectVersions.value = newVersions
-		}
+		spliceVersionInCache(fullVersion)
 	} catch {
 		// Silently fail on hover prefetch
 	}
@@ -760,8 +728,6 @@ async function handleVersionHover(version: Labrinth.Versions.v2.Version) {
 function resetUpdateState() {
 	updatingModpack.value = false
 	updatingProject.value = null
-	updatingProjectVersions.value = []
-	loadingVersions.value = false
 	loadingChangelog.value = false
 }
 
@@ -786,7 +752,23 @@ function handleModalUpdate(selectedVersion: Labrinth.Versions.v2.Version, event?
 	performUpdate(selectedVersion)
 }
 
+function setAddonInstalling(filename: string, installing: boolean) {
+	queryClient.setQueryData(queryKey.value, (oldData: Archon.Content.v1.Addons | undefined) => {
+		if (!oldData) return oldData
+		return {
+			...oldData,
+			addons: (oldData.addons ?? []).map((a) =>
+				a.filename === filename ? { ...a, installing } : a,
+			),
+		}
+	})
+}
+
 async function performUpdate(selectedVersion: Labrinth.Versions.v2.Version) {
+	const item = updatingProject.value
+	if (item) {
+		setAddonInstalling(item.file_name, true)
+	}
 	try {
 		if (updatingModpack.value) {
 			const mp = contentQuery.data.value?.modpack
@@ -800,8 +782,8 @@ async function performUpdate(selectedVersion: Labrinth.Versions.v2.Version) {
 				},
 				soft_override: true,
 			})
-		} else if (updatingProject.value) {
-			const addon = addonLookup.value.get(updatingProject.value.file_name)
+		} else if (item) {
+			const addon = addonLookup.value.get(item.file_name)
 			if (addon) {
 				await client.archon.content_v1.updateAddon(serverId, worldId.value!, {
 					filename: addon.filename,
@@ -811,6 +793,9 @@ async function performUpdate(selectedVersion: Labrinth.Versions.v2.Version) {
 		}
 		await contentQuery.refetch()
 	} catch (err) {
+		if (item) {
+			setAddonInstalling(item.file_name, false)
+		}
 		addNotification({
 			type: 'error',
 			title: formatMessage(messages.failedToUpdate),
@@ -894,7 +879,7 @@ provideContentManager({
 	updateModpack: handleModpackUpdate,
 	viewModpackContent: handleViewModpackContent,
 	unlinkModpack: handleModpackUnlink,
-	openSettings: () => router.push(`/hosting/manage/${serverId}/options/loader`),
+	openSettings: () => openServerSettings({ tabId: 'installation' }),
 	switchVersion: handleSwitchVersion,
 	getOverflowOptions,
 	mapToTableItem: (item) => {
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/files.vue b/packages/ui/src/layouts/wrapped/hosting/manage/files.vue
index eb76a8bba..7079bad10 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/files.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/files.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Archon, Kyros } from '@modrinth/api-client'
+import type { Kyros } from '@modrinth/api-client'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -14,12 +14,7 @@ import { commonMessages } from '#ui/utils/common-messages'
 
 import FilePageLayout from '../../../shared/files-tab/layout.vue'
 import { provideFileManager } from '../../../shared/files-tab/providers/file-manager'
-import type {
-	EditingFile,
-	FileItem,
-	FileOperation,
-	UploadState,
-} from '../../../shared/files-tab/types'
+import type { EditingFile, FileItem } from '../../../shared/files-tab/types'
 
 const props = defineProps<{
 	showDebugInfo?: boolean
@@ -28,7 +23,7 @@ const props = defineProps<{
 
 const client = injectModrinthClient()
 const serverContext = injectModrinthServerContext()
-const { serverId, fsOps, fsQueuedOps, busyReasons } = serverContext
+const { serverId, fsOps, busyReasons, uploadState, cancelUpload: cancelUploadRef } = serverContext
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
 
@@ -350,43 +345,6 @@ async function downloadFile(path: string, fileName: string): Promise<void> {
 	}
 }
 
-// Operations tracking
-type QueuedOpWithState = Archon.Websocket.v0.QueuedFilesystemOp & { state: 'queued' }
-const localQueuedOps = ref<Archon.Websocket.v0.QueuedFilesystemOp[]>([])
-const dismissedOpIds = ref<Set<string>>(new Set())
-
-const activeOps = computed<FileOperation[]>(() => [
-	...localQueuedOps.value.map((x) => ({ ...x, state: 'queued' }) satisfies QueuedOpWithState),
-	...fsQueuedOps.value.map((x) => ({ ...x, state: 'queued' }) satisfies QueuedOpWithState),
-	...(fsOps.value.filter((op) => !op.id || !dismissedOpIds.value.has(op.id)) as FileOperation[]),
-])
-
-async function dismissOperation(opId: string, action: 'dismiss' | 'cancel') {
-	if (action === 'dismiss') {
-		dismissedOpIds.value = new Set([...dismissedOpIds.value, opId])
-	}
-	try {
-		await client.kyros.files_v0.modifyOperation(opId, action)
-	} catch (error) {
-		if (action === 'dismiss') return
-		console.error(`Failed to ${action} operation:`, error)
-	}
-}
-
-watch(
-	() => fsOps.value,
-	(newOps) => {
-		for (const op of newOps) {
-			if (op.state === 'done' && op.id && !dismissedOpIds.value.has(op.id)) {
-				setTimeout(() => {
-					dismissOperation(op.id, 'dismiss')
-				}, 3000)
-			}
-		}
-	},
-	{ deep: true },
-)
-
 watch(
 	() => fsOps.value,
 	() => {
@@ -396,7 +354,6 @@ watch(
 
 onMounted(async () => {
 	initializeFileEdit()
-	localQueuedOps.value = []
 })
 
 // Restart
@@ -404,17 +361,6 @@ async function restartServer() {
 	await client.archon.servers_v0.power(serverId, 'Restart')
 }
 
-// Upload state
-const uploadState = ref<UploadState>({
-	isUploading: false,
-	currentFileName: null,
-	currentFileProgress: 0,
-	uploadedBytes: 0,
-	totalBytes: 0,
-	completedFiles: 0,
-	totalFiles: 0,
-})
-
 let activeUploadCancel: (() => void) | null = null
 
 async function uploadFiles(files: File[]) {
@@ -430,6 +376,7 @@ async function uploadFiles(files: File[]) {
 		completedFiles: 0,
 		totalFiles: files.length,
 	}
+	cancelUploadRef.value = () => activeUploadCancel?.()
 
 	let completedBytes = 0
 
@@ -464,6 +411,7 @@ async function uploadFiles(files: File[]) {
 	}
 
 	activeUploadCancel = null
+	cancelUploadRef.value = null
 	refreshList()
 	uploadState.value = {
 		isUploading: false,
@@ -515,8 +463,6 @@ provideFileManager({
 	busyTooltip,
 	busyWarning,
 	extractFile,
-	activeOperations: activeOps,
-	dismissOperation,
 	prefetchDirectory,
 	prefetchFile,
 	showInstallFromUrl: true,
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/index.vue b/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
index 45221b3d2..19bad50ea 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/index.vue
@@ -1,18 +1,41 @@
 <template>
 	<div
 		data-pyro-server-list-root
-		class="experimental-styles-within relative mx-auto mb-6 flex min-h-screen w-full max-w-[1280px] flex-col px-6"
+		class="experimental-styles-within relative mx-auto mb-6 flex w-full flex-col p-6"
+		:class="serverList.length ? 'min-h-screen' : 'min-h-[calc(100vh-4.5rem)]'"
 	>
-		<ServersUpgradeModalWrapper
-			v-if="isNuxt"
-			ref="upgradeModal"
-			:stripe-publishable-key
-			:site-url
-			:products
+		<ServersGuestPlanModal
+			ref="guestPlanModal"
+			:available-products="pyroProducts"
+			:currency="selectedCurrency"
+			:logged-in="loggedIn"
+			@continue="handleGuestPlanContinue"
 		/>
+		<ModrinthServersPurchaseModal
+			v-if="customer && paymentMethods && regions"
+			ref="purchaseModal"
+			:publishable-key="props.stripePublishableKey"
+			:initiate-payment="
+				async (body) => await client.labrinth.billing_internal.initiatePayment(body)
+			"
+			:available-products="pyroProducts"
+			:on-error="handleError"
+			:customer="customer"
+			:payment-methods="paymentMethods"
+			:currency="selectedCurrency"
+			:pings="regionPings"
+			:regions="regions"
+			:refresh-payment-methods="fetchPaymentData"
+			:fetch-stock="fetchStock"
+			:affiliate-code="affiliateCode"
+			plan-stage
+			@purchase-success="handlePurchaseSuccess"
+			@hide="clearPurchaseIntent"
+		/>
+		<ResubscribeModal ref="resubscribeModal" @resubscribe="handleResubscribeConfirm" />
 
 		<div
-			v-if="hasError || fetchError"
+			v-if="hasError"
 			class="mx-auto flex h-full min-h-[calc(100vh-4rem)] flex-col items-center justify-center gap-4 text-left"
 		>
 			<div class="flex max-w-lg flex-col items-center rounded-3xl bg-bg-raised p-6 shadow-xl">
@@ -21,28 +44,22 @@
 						<div class="grid place-content-center rounded-full bg-bg-blue p-4">
 							<HammerIcon class="size-12 text-blue" />
 						</div>
-						<h1 class="m-0 w-fit text-3xl font-bold">Servers could not be loaded</h1>
+						<h1 class="m-0 w-fit text-3xl font-bold">{{ formatMessage(messages.errorTitle) }}</h1>
 					</div>
-					<p class="text-lg text-secondary">We may have temporary issues with our servers.</p>
+					<p class="text-lg text-secondary">{{ formatMessage(messages.errorDescription) }}</p>
 					<ul class="m-0 list-disc space-y-4 p-0 pl-4 text-left text-sm leading-[170%]">
+						<li>{{ formatMessage(messages.errorAlertNotice) }}</li>
 						<li>
-							Our systems automatically alert our team when there's an issue. We are already working
-							on getting them back online.
-						</li>
-						<li>
-							If you recently purchased your Modrinth Hosting server, it is currently in a queue and
-							will appear here as soon as it's ready. <br />
-							<span class="font-medium text-contrast"
-								>Do not attempt to purchase a new server.</span
-							>
-						</li>
-						<li>
-							If you require personalized support regarding the status of your server, please
-							contact Modrinth Support.
+							<IntlFormatted :message-id="messages.errorQueueNotice">
+								<template #warning="{ children }">
+									<span class="font-medium text-contrast"><component :is="() => children" /></span>
+								</template>
+							</IntlFormatted>
 						</li>
+						<li>{{ formatMessage(messages.errorSupportNotice) }}</li>
 
 						<li v-if="fetchError" class="text-red">
-							<p>Error details:</p>
+							<p>{{ formatMessage(messages.errorDetails) }}</p>
 							<CopyCode
 								:text="(fetchError as ModrinthServersFetchError).message || 'Unknown error'"
 								:copyable="false"
@@ -53,21 +70,25 @@
 					</ul>
 				</div>
 				<ButtonStyled size="large" type="standard" color="brand">
-					<AutoLink class="mt-6 !w-full" to="https://support.modrinth.com"
-						>Contact Modrinth Support</AutoLink
-					>
+					<AutoLink class="mt-6 !w-full" to="https://support.modrinth.com">{{
+						formatMessage(messages.contactSupportButton)
+					}}</AutoLink>
 				</ButtonStyled>
 				<ButtonStyled size="large" @click="() => router.go(0)">
-					<button class="mt-3 !w-full">Reload</button>
+					<button class="mt-3 !w-full">{{ formatMessage(messages.reloadButton) }}</button>
 				</ButtonStyled>
 			</div>
 		</div>
 
 		<Transition v-else name="fade" mode="out-in">
-			<div v-if="isLoading && !serverResponse" key="loading" class="flex flex-col gap-4 py-8">
+			<div
+				v-if="(isLoading || !authReady) && !serverResponse"
+				key="loading"
+				class="flex flex-col gap-4 py-8"
+			>
 				<div class="mb-4 text-center">
 					<LoaderCircleIcon class="mx-auto size-8 animate-spin text-contrast" />
-					<p class="m-0 mt-2 text-secondary">Loading your servers...</p>
+					<p class="m-0 mt-2 text-secondary">{{ formatMessage(messages.loadingServers) }}</p>
 				</div>
 				<div
 					v-for="i in 3"
@@ -85,27 +106,23 @@
 			<div
 				v-else-if="serverList.length === 0 && !isPollingForNewServers"
 				key="empty"
-				class="flex h-full flex-col items-center justify-center gap-8"
+				class="flex h-full flex-col items-center justify-center gap-8 grow max-h-[1100px]"
 			>
-				<img
-					src="https://cdn.modrinth.com/servers/excitement.webp"
-					alt=""
-					class="max-w-[360px]"
-					style="
-						mask-image: radial-gradient(97% 77% at 50% 25%, #d9d9d9 0, hsla(0, 0%, 45%, 0) 100%);
-					"
+				<ServerListEmpty
+					:logged-in="loggedIn"
+					@click-new-server="openPurchaseModal"
+					@click-sign-in="handleSignIn"
 				/>
-				<h1 class="m-0 text-contrast">You don't have any servers yet!</h1>
-				<p class="m-0">Modrinth Hosting is a new way to play modded Minecraft with your friends.</p>
-				<ButtonStyled size="large" type="standard" color="brand">
-					<AutoLink to="/servers#plan">Create a server</AutoLink>
-				</ButtonStyled>
 			</div>
 
 			<div v-else key="list">
-				<div class="relative flex h-fit w-full flex-col items-center justify-between md:flex-row">
-					<h1 class="w-full text-4xl font-bold text-contrast">Servers</h1>
-					<div class="mb-4 flex w-full flex-row items-center justify-end gap-2 md:mb-0 md:gap-4">
+				<div
+					class="relative flex h-fit w-full flex-col mb-4 items-center justify-between md:flex-row"
+				>
+					<h1 class="w-full text-2xl m-0 font-extrabold text-contrast">
+						{{ formatMessage(messages.serversTitle) }}
+					</h1>
+					<div class="flex w-full flex-row items-center justify-end gap-2 md:mb-0">
 						<StyledInput
 							id="search"
 							v-model="searchInput"
@@ -113,14 +130,16 @@
 							type="search"
 							name="search"
 							autocomplete="off"
-							placeholder="Search servers..."
+							:placeholder="
+								formatMessage(messages.searchPlaceholder, { count: filteredData.length })
+							"
 							wrapper-class="w-full md:w-72"
 						/>
-						<ButtonStyled v-if="isNuxt" type="standard">
-							<AutoLink :to="{ path: '/servers', hash: '#plan' }">
+						<ButtonStyled type="standard" color="brand">
+							<button @click="openPurchaseModal">
 								<PlusIcon />
-								New server
-							</AutoLink>
+								{{ formatMessage(messages.newServerButton) }}
+							</button>
 						</ButtonStyled>
 					</div>
 				</div>
@@ -134,11 +153,11 @@
 					leave-to-class="opacity-0 max-h-0"
 				>
 					<div
-						v-if="isPollingForNewServers"
+						v-if="showPollingForNewServers"
 						class="bg-brand/10 my-4 flex items-center justify-center gap-2 rounded-full px-4 py-2 text-sm text-brand"
 					>
 						<LoaderCircleIcon class="size-4 animate-spin" />
-						<span>Checking for new servers...</span>
+						<span>{{ formatMessage(messages.checkingForNewServers) }}</span>
 					</div>
 				</Transition>
 
@@ -146,64 +165,347 @@
 					v-if="filteredData.length > 0 || isPollingForNewServers"
 					name="list"
 					tag="ul"
-					class="m-0 flex flex-col gap-4 p-0"
+					class="m-0 flex flex-col gap-3 p-0"
 				>
 					<MedalServerListing
 						v-for="server in filteredData.filter((s) => s.is_medal)"
 						:key="server.server_id"
 						v-bind="server"
-						@upgrade="openUpgradeModal(server.server_id)"
+						@upgrade="openPurchaseModal"
 					/>
 					<ServerListing
 						v-for="server in filteredData.filter((s) => !s.is_medal)"
 						:key="server.server_id"
 						v-bind="server"
+						:cancellation-date="serverBillingMap.get(server.server_id)?.cancellationDate"
+						:is-provisioning="serverBillingMap.get(server.server_id)?.isProvisioning"
+						:on-resubscribe="serverBillingMap.get(server.server_id)?.onResubscribe"
+						:on-download-backup="serverBillingMap.get(server.server_id)?.onDownloadBackup"
 					/>
 				</TransitionGroup>
-				<div v-else class="flex h-full items-center justify-center">
+				<div v-else-if="isLoading" class="flex h-full items-center justify-center">
 					<p class="text-contrast"><LoaderCircleIcon class="size-5 animate-spin" /></p>
 				</div>
+				<div v-else>{{ formatMessage(messages.noServersFound) }}</div>
 			</div>
 		</Transition>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { type Archon, type Labrinth, NuxtModrinthClient } from '@modrinth/api-client'
+import type { Archon, Labrinth } from '@modrinth/api-client'
 import { HammerIcon, LoaderCircleIcon, PlusIcon, SearchIcon } from '@modrinth/assets'
-import { AutoLink, ButtonStyled, CopyCode, injectModrinthClient, StyledInput } from '@modrinth/ui'
+import {
+	AutoLink,
+	ButtonStyled,
+	CopyCode,
+	defineMessages,
+	injectAuth,
+	injectModrinthClient,
+	injectNotificationManager,
+	IntlFormatted,
+	ModrinthServersPurchaseModal,
+	ResubscribeModal,
+	ServerListEmpty,
+	ServersGuestPlanModal,
+	StyledInput,
+	useServerBackupDownload,
+	useVIntl,
+} from '@modrinth/ui'
 import type { ModrinthServersFetchError } from '@modrinth/utils'
-import { useQuery } from '@tanstack/vue-query'
+import { useQuery, useQueryClient } from '@tanstack/vue-query'
+import { useIntervalFn } from '@vueuse/core'
 import dayjs from 'dayjs'
 import Fuse from 'fuse.js'
-import type { ComponentPublicInstance } from 'vue'
+import type Stripe from 'stripe'
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
-import ServersUpgradeModalWrapper from '#ui/components/billing/ServersUpgradeModalWrapper.vue'
 import MedalServerListing from '#ui/components/servers/marketing/MedalServerListing.vue'
 import ServerListing from '#ui/components/servers/ServerListing.vue'
+import { createHostingPurchaseIntentContext, provideHostingPurchaseIntent } from '#ui/providers'
 
-defineProps<{
-	stripePublishableKey?: string
+const props = defineProps<{
+	stripePublishableKey: string
 	siteUrl?: string
-	products?: Labrinth.Billing.Internal.Product[]
+	products: Labrinth.Billing.Internal.Product[]
 }>()
 
 const router = useRouter()
 const route = useRoute()
+const auth = injectAuth()
 const client = injectModrinthClient()
+const loggedIn = computed(() => !!auth.user.value)
+const authReady = computed(() => auth.isReady?.value ?? true)
+const { formatMessage } = useVIntl()
 
-const isNuxt = computed(() => client instanceof NuxtModrinthClient)
+const messages = defineMessages({
+	errorTitle: { id: 'servers.manage.error.title', defaultMessage: 'Servers could not be loaded' },
+	errorDescription: {
+		id: 'servers.manage.error.description',
+		defaultMessage: 'We may have temporary issues with our servers.',
+	},
+	errorAlertNotice: {
+		id: 'servers.manage.error.alert-notice',
+		defaultMessage:
+			"Our systems automatically alert our team when there's an issue. We are already working on getting them back online.",
+	},
+	errorQueueNotice: {
+		id: 'servers.manage.error.queue-notice',
+		defaultMessage:
+			"If you recently purchased your Modrinth Hosting server, it is currently in a queue and will appear here as soon as it's ready. <warning>Do not attempt to purchase a new server.</warning>",
+	},
+	errorSupportNotice: {
+		id: 'servers.manage.error.support-notice',
+		defaultMessage:
+			'If you require personalized support regarding the status of your server, please contact Modrinth Support.',
+	},
+	errorDetails: { id: 'servers.manage.error.details', defaultMessage: 'Error details:' },
+	contactSupportButton: {
+		id: 'servers.manage.contact-support-button',
+		defaultMessage: 'Contact Modrinth Support',
+	},
+	reloadButton: { id: 'servers.manage.reload-button', defaultMessage: 'Reload' },
+	loadingServers: {
+		id: 'servers.manage.loading-servers',
+		defaultMessage: 'Loading your servers...',
+	},
+	serversTitle: { id: 'servers.manage.servers-title', defaultMessage: 'Modrinth Hosting' },
+	searchPlaceholder: {
+		id: 'servers.manage.search-placeholder',
+		defaultMessage: 'Search {count} {count, plural, one {server} other {servers}}...',
+	},
+	newServerButton: { id: 'servers.manage.new-server-button', defaultMessage: 'New server' },
+	checkingForNewServers: {
+		id: 'servers.manage.checking-for-new-servers',
+		defaultMessage: 'Checking for new servers...',
+	},
+	noServersFound: { id: 'servers.manage.no-servers-found', defaultMessage: 'No servers found.' },
+	handleErrorTitle: {
+		id: 'servers.manage.handle-error.title',
+		defaultMessage: 'An error occurred',
+	},
+	purchaseUnavailableTitle: {
+		id: 'servers.manage.purchase-unavailable.title',
+		defaultMessage: 'Purchase unavailable',
+	},
+	purchaseUnavailableText: {
+		id: 'servers.manage.purchase-unavailable.text',
+		defaultMessage:
+			'Payment information is still loading. Opening checkout as soon as it is ready.',
+	},
+	resubscribeSubmittedTitle: {
+		id: 'servers.manage.resubscribe-submitted.title',
+		defaultMessage: 'Resubscription request submitted',
+	},
+	resubscribeSubmittedText: {
+		id: 'servers.manage.resubscribe-submitted.text',
+		defaultMessage:
+			'If the server is currently cancelled, it may take up to 10 minutes for another charge attempt to be made.',
+	},
+	resubscribeSuccessTitle: {
+		id: 'servers.manage.resubscribe-success.title',
+		defaultMessage: 'Success',
+	},
+	resubscribeSuccessText: {
+		id: 'servers.manage.resubscribe-success.text',
+		defaultMessage: 'Server subscription resubscribed successfully',
+	},
+	resubscribeErrorTitle: {
+		id: 'servers.manage.resubscribe-error.title',
+		defaultMessage: 'Error resubscribing',
+	},
+	resubscribeErrorText: {
+		id: 'servers.manage.resubscribe-error.text',
+		defaultMessage: 'An error occurred while resubscribing to your Modrinth server.',
+	},
+})
 
-const hasError = ref(false)
 const isPollingForNewServers = ref(false)
+const showPollingForNewServers = ref(false)
+let pollingShowTimeout: ReturnType<typeof setTimeout> | undefined
+
+watch(isPollingForNewServers, (polling) => {
+	clearTimeout(pollingShowTimeout)
+	if (polling) {
+		pollingShowTimeout = setTimeout(() => {
+			showPollingForNewServers.value = isPollingForNewServers.value
+		}, 1500)
+	} else {
+		showPollingForNewServers.value = false
+	}
+})
+
 const pollingState = ref({
 	enabled: false,
 	count: 0,
-	initialServers: [] as Archon.Servers.v0.Server[],
+	initialServerIds: new Set<string>(),
 })
 
+function startNewServerPolling(initialServers: Archon.Servers.v0.Server[]) {
+	if (pollingState.value.enabled) return
+	isPollingForNewServers.value = true
+	pollingState.value = {
+		enabled: true,
+		count: 0,
+		initialServerIds: new Set(initialServers.map((s) => s.server_id)),
+	}
+}
+
+const guestPlanModal = ref<InstanceType<typeof ServersGuestPlanModal> | null>(null)
+const purchaseModal = ref<InstanceType<typeof ModrinthServersPurchaseModal> | null>(null)
+const resubscribeModal = ref<InstanceType<typeof ResubscribeModal> | null>(null)
+const affiliateCode = ref<string | null>(null)
+const selectedCurrency = ref<string>('USD')
+const regionPings = ref<
+	{
+		region: string
+		ping: number
+	}[]
+>([])
+
+const pyroProducts = computed(() => {
+	return [...props.products]
+		.filter((p) => p?.metadata?.type === 'pyro' || p?.metadata?.type === 'medal')
+		.sort((a, b) => {
+			const aRam =
+				a?.metadata?.type === 'pyro' || a?.metadata?.type === 'medal' ? a.metadata.ram : 0
+			const bRam =
+				b?.metadata?.type === 'pyro' || b?.metadata?.type === 'medal' ? b.metadata.ram : 0
+			return aRam - bRam
+		})
+})
+
+const {
+	data: customer,
+	refetch: refetchCustomer,
+	isLoading: customerLoading,
+} = useQuery({
+	queryKey: ['billing', 'customer'],
+	queryFn: () => client.labrinth.billing_internal.getCustomer() as Promise<Stripe.Customer>,
+	enabled: loggedIn,
+})
+
+const {
+	data: paymentMethods,
+	refetch: refetchPaymentMethods,
+	isLoading: paymentMethodsLoading,
+} = useQuery({
+	queryKey: ['billing', 'payment-methods'],
+	queryFn: () =>
+		client.labrinth.billing_internal.getPaymentMethods() as Promise<Stripe.PaymentMethod[]>,
+	enabled: loggedIn,
+})
+
+const { data: regions, isLoading: regionsLoading } = useQuery({
+	queryKey: ['servers', 'regions'],
+	queryFn: () => client.archon.servers_v1.getRegions(),
+	enabled: loggedIn,
+})
+
+watch(
+	regions,
+	(newRegions) => {
+		regionPings.value = []
+		if (newRegions) {
+			newRegions.forEach((region) => {
+				runPingTest(region)
+			})
+		}
+	},
+	{ immediate: true },
+)
+
+async function fetchPaymentData() {
+	await Promise.all([refetchCustomer(), refetchPaymentMethods()])
+}
+
+async function fetchStock(
+	region: Archon.Servers.v1.Region,
+	request: Archon.Servers.v0.StockRequest,
+): Promise<number> {
+	const result = await client.archon.servers_v0.checkStock(region.shortcode, request)
+	return result.available
+}
+
+const PING_COUNT = 20
+const PING_INTERVAL = 200
+const MAX_PING_TIME = 1000
+
+function runPingTest(region: Archon.Servers.v1.Region, index = 1) {
+	if (index > 10) {
+		regionPings.value = regionPings.value.filter((entry) => entry.region !== region.shortcode)
+		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: number[] = []
+		let finalized = false
+
+		const finalize = (ping: number) => {
+			if (finalized) return
+			finalized = true
+			clearTimeout(connectTimeout)
+			regionPings.value = regionPings.value.filter((entry) => entry.region !== region.shortcode)
+			regionPings.value.push({
+				region: region.shortcode,
+				ping,
+			})
+			socket.close()
+		}
+
+		const retryNext = () => {
+			if (finalized) return
+			finalized = true
+			clearTimeout(connectTimeout)
+			socket.close()
+			runPingTest(region, index + 1)
+		}
+
+		// Prevent hangs where the socket never opens or errors.
+		const connectTimeout = setTimeout(() => {
+			retryNext()
+		}, 3000)
+
+		socket.onopen = () => {
+			clearTimeout(connectTimeout)
+
+			for (let i = 0; i < PING_COUNT; i++) {
+				setTimeout(() => {
+					socket.send(String(performance.now()))
+				}, i * PING_INTERVAL)
+			}
+			setTimeout(
+				() => {
+					const median =
+						pings.length > 0
+							? Math.round([...pings].sort((a, b) => a - b)[Math.floor(pings.length / 2)])
+							: -1
+					finalize(median)
+				},
+				PING_COUNT * PING_INTERVAL + MAX_PING_TIME,
+			)
+		}
+
+		socket.onmessage = (event) => {
+			const start = Number(event.data)
+			pings.push(performance.now() - start)
+		}
+
+		socket.onerror = () => {
+			retryNext()
+		}
+	} catch {
+		runPingTest(region, index + 1)
+	}
+}
+
 const {
 	data: serverResponse,
 	error: fetchError,
@@ -211,7 +513,7 @@ const {
 } = useQuery({
 	queryKey: ['servers'],
 	queryFn: async () => {
-		const response = await client.archon.servers_v0.list()
+		const response = await client.archon.servers_v0.list({ limit: 100 })
 
 		// Fetch subscriptions for medal servers
 		const hasMedalServers = response.servers.some((s) => s.is_medal)
@@ -232,9 +534,13 @@ const {
 		// Check if new servers appeared (stop polling)
 		if (pollingState.value.enabled) {
 			pollingState.value.count++
-			if (response.servers.length !== pollingState.value.initialServers.length) {
+			const hasNewServer = response.servers.some(
+				(s) => !pollingState.value.initialServerIds.has(s.server_id),
+			)
+			if (hasNewServer) {
 				pollingState.value.enabled = false
 				isPollingForNewServers.value = false
+
 				router.replace({ query: {} })
 			} else if (pollingState.value.count >= 5) {
 				pollingState.value.enabled = false
@@ -245,14 +551,13 @@ const {
 		return response
 	},
 	refetchInterval: computed(() => (pollingState.value.enabled ? 5000 : false)),
+	enabled: loggedIn,
 })
 
-watch([fetchError, serverResponse], ([error, response]) => {
-	hasError.value = !!error || !response
-})
+const hasError = computed(() => loggedIn.value && !!fetchError.value)
 
 const serverList = computed<Archon.Servers.v0.Server[]>(() => {
-	if (!serverResponse.value) return []
+	if (!loggedIn.value || !serverResponse.value) return []
 	return serverResponse.value.servers
 })
 
@@ -267,19 +572,48 @@ const fuse = computed(() => {
 	})
 })
 
-function introToTop(array: Archon.Servers.v0.Server[]): Archon.Servers.v0.Server[] {
+function isSetToCancel(server: Archon.Servers.v0.Server): boolean {
+	return (
+		server.status !== 'suspended' &&
+		Boolean(serverBillingMap.value.get(server.server_id)?.cancellationDate)
+	)
+}
+
+function getStatusPriority(server: Archon.Servers.v0.Server): number {
+	if (server.status === 'suspended') return 2
+	if (isSetToCancel(server)) return 1
+	return 0
+}
+
+function sortServers(array: Archon.Servers.v0.Server[]): Archon.Servers.v0.Server[] {
 	return array.slice().sort((a, b) => {
-		return Number(b.flows?.intro) - Number(a.flows?.intro)
+		const priorityDiff = getStatusPriority(a) - getStatusPriority(b)
+		if (priorityDiff !== 0) return priorityDiff
+
+		const introDiff = Number(b.flows?.intro) - Number(a.flows?.intro)
+		if (introDiff !== 0) return introDiff
+
+		return (a.name || '').localeCompare(b.name || '')
 	})
 }
 
+// files expire 30 days after cancellation
+function filesExpired(server: Archon.Servers.v0.Server): boolean {
+	if (server.status !== 'suspended' || server.suspension_reason !== 'cancelled') return false
+	const cancellationDate = serverBillingMap.value.get(server.server_id)?.cancellationDate
+	if (!cancellationDate) return false
+	const cancellation = new Date(cancellationDate)
+	const thirtyDaysLater = new Date(cancellation.getTime() + 30 * 24 * 60 * 60 * 1000)
+	return new Date() > thirtyDaysLater
+}
+
 const filteredData = computed<Archon.Servers.v0.Server[]>(() => {
-	if (!searchInput.value.trim()) {
-		return introToTop(serverList.value)
-	}
-	return fuse.value
-		? introToTop(fuse.value.search(searchInput.value).map((result) => result.item))
-		: []
+	const base = !searchInput.value.trim()
+		? sortServers(serverList.value)
+		: fuse.value
+			? sortServers(fuse.value.search(searchInput.value).map((result) => result.item))
+			: []
+	return base.filter((server) => !filesExpired(server))
 })
 
 // Start polling only after initial data is available so the baseline is correct
@@ -290,23 +624,307 @@ watch(serverResponse, (response) => {
 		!pollingState.value.enabled &&
 		pollingState.value.count === 0
 	) {
-		isPollingForNewServers.value = true
-		pollingState.value = {
-			enabled: true,
-			count: 0,
-			initialServers: [...response.servers],
-		}
+		startNewServerPolling(response.servers)
 	}
 })
 
-type ServersUpgradeModalWrapperRef = ComponentPublicInstance<{
-	open: (id: string) => void | Promise<void>
-}>
+const { addNotification } = injectNotificationManager()
+const queryClient = useQueryClient()
+const { getLatestBackupDownload } = useServerBackupDownload()
 
-const upgradeModal = ref<ServersUpgradeModalWrapperRef | null>(null)
-function openUpgradeModal(serverId: string) {
-	upgradeModal.value?.open(serverId)
+function handlePurchaseSuccess() {
+	startNewServerPolling(serverResponse.value?.servers ?? [])
+	void Promise.all([
+		queryClient.invalidateQueries({ queryKey: ['servers'] }),
+		queryClient.invalidateQueries({ queryKey: ['servers', 'v1'] }),
+	])
 }
+
+watch(
+	() => auth.user.value,
+	(user, previousUser) => {
+		if (user || !previousUser) return
+		isPollingForNewServers.value = false
+		pollingState.value = {
+			enabled: false,
+			count: 0,
+			initialServerIds: new Set(),
+		}
+		void Promise.all([
+			queryClient.resetQueries({ queryKey: ['billing'] }),
+			queryClient.resetQueries({ queryKey: ['servers'] }),
+		])
+	},
+)
+
+const canOpenPurchaseModal = computed(() => {
+	return (
+		Boolean(props.stripePublishableKey) &&
+		Boolean(customer.value) &&
+		paymentMethods.value !== undefined &&
+		Boolean(regions.value) &&
+		!customerLoading.value &&
+		!paymentMethodsLoading.value &&
+		!regionsLoading.value
+	)
+})
+
+function handleError(err: unknown) {
+	const error = err as Error & { data?: { description?: string } }
+	addNotification({
+		title: formatMessage(messages.handleErrorTitle),
+		type: 'error',
+		text: error?.message ?? error?.data?.description ?? String(err),
+	})
+}
+
+function handleSignIn() {
+	void auth.requestSignIn('/hosting/manage')
+}
+
+const hostingPurchaseIntent = createHostingPurchaseIntentContext({
+	authRequestSignIn: auth.requestSignIn,
+	signInRedirectPath: '/hosting/manage',
+	intentSource: 'hosting-manage',
+	loggedIn,
+	availableProducts: pyroProducts,
+	canOpenCheckout: canOpenPurchaseModal,
+	guestPlanModal,
+	checkoutModal: purchaseModal,
+	onCheckoutPending: () => {
+		addNotification({
+			title: formatMessage(messages.purchaseUnavailableTitle),
+			text: formatMessage(messages.purchaseUnavailableText),
+			type: 'info',
+		})
+	},
+})
+provideHostingPurchaseIntent(hostingPurchaseIntent)
+
+const { openPurchaseModal, handleGuestPlanContinue, clearPurchaseIntent } = hostingPurchaseIntent
+
+const { data: subscriptions } = useQuery({
+	queryKey: ['billing', 'subscriptions'],
+	queryFn: () => client.labrinth.billing_internal.getSubscriptions(),
+	enabled: loggedIn,
+})
+
+const { data: charges } = useQuery({
+	queryKey: ['billing', 'payments'],
+	queryFn: () => client.labrinth.billing_internal.getPayments(),
+	enabled: loggedIn,
+})
+
+const CHARGE_POLL_INTERVAL_MS = 20_000
+
+const hasProvisioningSubscription = computed(() => {
+	if (!subscriptions.value || !charges.value) return false
+	return subscriptions.value
+		.filter((s) => s?.metadata?.type === 'pyro')
+		.some((sub) => {
+			if (sub.status !== 'unprovisioned') return false
+			const charge = charges.value?.find((c) => c.subscription_id === sub.id)
+			return charge?.status === 'processing' || charge?.status === 'open'
+		})
+})
+
+const { pause: pauseChargePoll, resume: resumeChargePoll } = useIntervalFn(
+	() => {
+		queryClient.invalidateQueries({ queryKey: ['billing', 'payments'] })
+		queryClient.invalidateQueries({ queryKey: ['billing', 'subscriptions'] })
+		queryClient.invalidateQueries({ queryKey: ['servers'] })
+	},
+	CHARGE_POLL_INTERVAL_MS,
+	{ immediate: false },
+)
+
+watch(
+	hasProvisioningSubscription,
+	(isProvisioning) => {
+		if (isProvisioning) {
+			resumeChargePoll()
+		} else {
+			pauseChargePoll()
+		}
+	},
+	{ immediate: true },
+)
+
+const { data: serverFullList } = useQuery({
+	queryKey: ['servers', 'v1'],
+	queryFn: () => client.archon.servers_v1.list(),
+	enabled: loggedIn,
+})
+
+type ServerBillingInfo = {
+	cancellationDate?: string | null
+	isProvisioning?: boolean
+	onResubscribe?: () => void
+	onDownloadBackup?: (() => void) | null
+}
+
+type ResubscribeRequest = {
+	subscriptionId: string
+	wasSuspended: boolean
+}
+
+function getProductFromPriceId(priceId: string | null | undefined) {
+	if (!priceId) return null
+
+	return (
+		pyroProducts.value.find((product) => product.prices.some((price) => price.id === priceId)) ??
+		null
+	)
+}
+
+function getPlanName(product: Labrinth.Billing.Internal.Product | null): string {
+	if (!product) return 'Medium plan'
+	if (product.metadata.type !== 'pyro' && product.metadata.type !== 'medal') return 'Medium plan'
+
+	switch (product.metadata.ram) {
+		case 4096:
+			return 'Small plan'
+		case 6144:
+			return 'Medium plan'
+		case 8192:
+			return 'Large plan'
+		default:
+			return 'Custom plan'
+	}
+}
+
+function getRamGb(product: Labrinth.Billing.Internal.Product | null): number | undefined {
+	if (!product) return undefined
+	if (product.metadata.type !== 'pyro' && product.metadata.type !== 'medal') return undefined
+
+	return product.metadata.ram / 1024
+}
+
+function getStorageGb(product: Labrinth.Billing.Internal.Product | null): number | undefined {
+	if (!product) return undefined
+	if (product.metadata.type !== 'pyro' && product.metadata.type !== 'medal') return undefined
+
+	return product.metadata.storage / 1024
+}
+
+function getSharedCpus(product: Labrinth.Billing.Internal.Product | null): number | undefined {
+	if (!product) return undefined
+	if (product.metadata.type !== 'pyro' && product.metadata.type !== 'medal') return undefined
+
+	return product.metadata.cpu / 2
+}
+
+function getRecurringPrice(
+	product: Labrinth.Billing.Internal.Product | null,
+	interval: Labrinth.Billing.Internal.PriceDuration,
+	preferredCurrency?: string,
+): { amount: number; currencyCode: string } | null {
+	if (!product) return null
+
+	const recurringPrices = product.prices.filter((price) => price.prices.type === 'recurring')
+	const preferredPrice = preferredCurrency
+		? recurringPrices.find((price) => price.currency_code === preferredCurrency)
+		: undefined
+	const usdPrice = recurringPrices.find((price) => price.currency_code === 'USD')
+	const selectedPrice = preferredPrice ?? usdPrice ?? recurringPrices[0]
+
+	if (!selectedPrice || selectedPrice.prices.type !== 'recurring') return null
+
+	return {
+		amount: selectedPrice.prices.intervals[interval],
+		currencyCode: selectedPrice.currency_code,
+	}
+}
+
+function openResubscribeModal(
+	serverId: string,
+	subscription: Labrinth.Billing.Internal.UserSubscription,
+	charge?: Labrinth.Billing.Internal.Charge | null,
+) {
+	const displayInterval = charge?.subscription_interval ?? subscription.interval
+	const displayPriceId = charge?.price_id ?? subscription.price_id
+	const product = getProductFromPriceId(displayPriceId)
+	const fallbackPrice = getRecurringPrice(product, displayInterval, charge?.currency_code)
+
+	resubscribeModal.value?.show({
+		subscriptionId: subscription.id,
+		wasSuspended: !!charge?.due && dayjs(charge.due).isBefore(dayjs()),
+		serverName:
+			serverList.value.find((server) => server.server_id === serverId)?.name ?? 'this server',
+		planName: getPlanName(product),
+		ramGb: getRamGb(product),
+		storageGb: getStorageGb(product),
+		sharedCpus: getSharedCpus(product),
+		priceCents: charge?.amount ?? fallbackPrice?.amount,
+		currencyCode: charge?.currency_code ?? fallbackPrice?.currencyCode,
+		interval: displayInterval,
+		nextChargeDate: charge?.due,
+	})
+}
+
+async function handleResubscribeConfirm({ subscriptionId, wasSuspended }: ResubscribeRequest) {
+	try {
+		await client.labrinth.billing_internal.editSubscription(subscriptionId, {
+			cancelled: false,
+		})
+		await Promise.all([
+			queryClient.invalidateQueries({ queryKey: ['billing'] }),
+			queryClient.invalidateQueries({ queryKey: ['servers'] }),
+		])
+		if (wasSuspended) {
+			addNotification({
+				title: formatMessage(messages.resubscribeSubmittedTitle),
+				text: formatMessage(messages.resubscribeSubmittedText),
+				type: 'success',
+			})
+		} else {
+			addNotification({
+				title: formatMessage(messages.resubscribeSuccessTitle),
+				text: formatMessage(messages.resubscribeSuccessText),
+				type: 'success',
+			})
+		}
+	} catch {
+		addNotification({
+			title: formatMessage(messages.resubscribeErrorTitle),
+			text: formatMessage(messages.resubscribeErrorText),
+			type: 'error',
+		})
+	}
+}
+
+const serverBillingMap = computed(() => {
+	const map = new Map<string, ServerBillingInfo>()
+	if (!subscriptions.value || !charges.value) return map
+
+	const pyroSubs = subscriptions.value.filter((s) => s?.metadata?.type === 'pyro')
+	for (const sub of pyroSubs) {
+		const serverId = (sub.metadata as { id?: string })?.id
+		if (!serverId) continue
+
+		const charge = charges.value.find(
+			(c) => c.subscription_id === sub.id && c.status !== 'succeeded',
+		)
+
+		const info: ServerBillingInfo = {
+			isProvisioning:
+				sub.status === 'unprovisioned' &&
+				(charge?.status === 'processing' || charge?.status === 'open'),
+		}
+
+		info.onDownloadBackup = getLatestBackupDownload(serverId, serverFullList.value)
+
+		if (charge?.status === 'cancelled') {
+			info.cancellationDate = charge.due
+
+			info.onResubscribe = () => openResubscribeModal(serverId, sub, charge)
+		}
+
+		map.set(serverId, info)
+	}
+
+	return map
+})
 </script>
 
 <style scoped>
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue b/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
new file mode 100644
index 000000000..3143cb5f8
--- /dev/null
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/overview.vue
@@ -0,0 +1,123 @@
+<template>
+	<div class="relative flex select-none flex-col gap-6" data-pyro-server-manager-root>
+		<div class="flex flex-col-reverse gap-6 md:flex-col">
+			<ServerManageStats
+				:data="!isWsAuthIncorrect ? stats : undefined"
+				:loading="isWsAuthIncorrect"
+			/>
+
+			<div class="flex min-h-[700px] flex-col gap-4">
+				<span class="text-2xl font-semibold text-contrast">Console</span>
+
+				<ConsolePageLayout />
+			</div>
+		</div>
+
+		<div
+			v-if="isWsAuthIncorrect"
+			class="absolute inset-0 flex flex-col items-center justify-center bg-bg"
+		>
+			<h2>Could not connect to the server.</h2>
+			<p>
+				An error occurred while attempting to connect to your server. Please try refreshing the
+				page. (WebSocket Authentication Failed)
+			</p>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import type { Mclogs } from '@modrinth/api-client'
+import { useStorage } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
+
+import { useModrinthServersConsole } from '#ui/composables'
+import { ConsolePageLayout, provideConsoleManager } from '#ui/layouts/shared/console'
+import { injectModrinthClient, injectModrinthServerContext } from '#ui/providers'
+
+import ServerManageStats from './components/ServerManageStats.vue'
+
+const client = injectModrinthClient()
+const {
+	server: _serverData,
+	serverId,
+	isConnected,
+	isWsAuthIncorrect,
+	stats,
+	powerState: serverPowerState,
+	powerStateDetails: _powerStateDetails,
+} = injectModrinthServerContext()
+const modrinthServersConsole = useModrinthServersConsole()
+
+const crashAnalysis = ref<Mclogs.Insights.v1.InsightsResponse | null>(null)
+const DISMISS_DURATION_MS = 30 * 60 * 1000
+const dismissedUntil = useStorage(`modrinth-crash-dismissed-${serverId}`, 0)
+
+const isDismissed = () => Date.now() < dismissedUntil.value
+
+const inspectError = async () => {
+	if (isDismissed()) return
+
+	try {
+		const blob = await client.kyros.files_v0.downloadFile('/logs/latest.log')
+		const log = await blob.text()
+		if (!log) return
+
+		const data = await client.mclogs.insights_v1.analyse(log)
+		if (data.analysis?.problems?.length) {
+			crashAnalysis.value = data
+		} else {
+			crashAnalysis.value = null
+		}
+	} catch (error) {
+		console.error('Failed to analyze logs:', error)
+		crashAnalysis.value = null
+	}
+}
+
+const dismissCrash = () => {
+	dismissedUntil.value = Date.now() + DISMISS_DURATION_MS
+	crashAnalysis.value = null
+}
+
+provideConsoleManager({
+	logLines: modrinthServersConsole.output,
+	sendCommand: (cmd: string) => {
+		try {
+			client.archon.sockets.send(serverId, { event: 'command', cmd })
+		} catch (error) {
+			console.error('Error sending command:', error)
+		}
+	},
+	showCommandInput: true,
+	disableCommandInput: computed(() => serverPowerState.value !== 'running'),
+	loading: computed(() => !isConnected.value || isWsAuthIncorrect.value),
+	onClear: async () => {
+		modrinthServersConsole.clear()
+		try {
+			await client.kyros.logs_v1.clear()
+		} catch (error) {
+			console.error('Failed to clear server logs:', error)
+		}
+	},
+	shareDisabled: computed(() => !isConnected.value),
+	emptyStateType: 'server',
+	crashAnalysis,
+	onDismissCrash: dismissCrash,
+})
+
+watch(
+	() => serverPowerState.value,
+	(newVal) => {
+		if (newVal === 'crashed') {
+			void inspectError()
+		} else {
+			crashAnalysis.value = null
+		}
+	},
+)
+
+if (serverPowerState.value === 'crashed') {
+	void inspectError()
+}
+</script>
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/root.vue b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
new file mode 100644
index 000000000..1d174391a
--- /dev/null
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
@@ -0,0 +1,1580 @@
+<template>
+	<div
+		v-if="filteredNotices.length > 0"
+		class="experimental-styles-within relative mx-auto mb-4 flex w-full min-w-0 flex-col gap-3 px-6"
+		:class="{
+			'max-w-[1280px]': isNuxt,
+		}"
+	>
+		<ServerNotice
+			v-for="notice in filteredNotices"
+			:key="`notice-${notice.id}`"
+			:level="notice.level"
+			:message="notice.message"
+			:dismissable="notice.dismissable"
+			:title="notice.title"
+			class="w-full"
+			@dismiss="() => dismissNotice(notice.id)"
+		/>
+	</div>
+	<div
+		v-if="serverData && serverData.node === null && serverData.status !== 'suspended'"
+		class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
+	>
+		<ErrorInformationCard
+			title="We're getting your server ready"
+			description="Your server's hardware is being prepared and will be available shortly!"
+			:icon="TransferIcon"
+			icon-color="blue"
+			:action="generalErrorAction"
+		/>
+	</div>
+	<div
+		v-else-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>
+	<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>
+	<div
+		v-else-if="serverError?.statusCode === 403 || serverError?.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="serverError || !nodeAccessible"
+		class="flex min-h-[calc(100vh-4rem)] items-center justify-center text-contrast"
+	>
+		<ErrorInformationCard
+			title="Server Node Unavailable"
+			:icon="TriangleAlertIcon"
+			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 not accessible
+						at the moment. We are working 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">
+						If reloading does not work initially, please contact Modrinth Support via the chat
+						bubble in the bottom right corner and we'll be happy to help.
+					</p>
+				</div>
+			</template>
+		</ErrorInformationCard>
+	</div>
+	<!-- Loading state (before serverData arrives) -->
+	<div
+		v-else-if="!serverData && !serverError"
+		class="flex min-h-[calc(100vh-4rem)] flex-col items-center justify-center gap-4 relative bottom-12"
+	>
+		<LoaderCircleIcon class="size-16 animate-spin" />
+		<span class="text-secondary">{{ formatMessage(loadingMessages.loadingServerPanel) }}</span>
+	</div>
+	<!-- SERVER START -->
+	<div
+		v-else-if="serverData"
+		data-pyro-server-manager-root
+		class="experimental-styles-within relative mx-auto pb-12 box-border flex min-h-[calc(100svh-100px)] w-full min-w-0 flex-col gap-6 px-6 transition-all duration-300"
+		:style="{
+			'--server-bg-image': serverImage
+				? `url(${serverImage})`
+				: `linear-gradient(180deg, rgba(153,153,153,1) 0%, rgba(87,87,87,1) 100%)`,
+		}"
+		:class="[
+			'server-panel-' + revealState,
+			{
+				'max-w-[1280px]': isNuxt,
+			},
+		]"
+	>
+		<div
+			v-if="revealState === 'pending' && !isOnboarding"
+			class="flex min-h-[calc(100vh-4rem)] flex-col items-center justify-center gap-4 relative bottom-12"
+		>
+			<LoaderCircleIcon class="size-16 animate-spin" />
+			<span class="text-secondary">{{ formatMessage(loadingMessages.loadingServerPanel) }}</span>
+		</div>
+		<template v-else>
+			<ServerManageHeader
+				v-if="!isOnboarding"
+				class="server-stagger-item"
+				:style="{ '--si': 0 }"
+				:server="serverData"
+				:server-image="serverImage"
+				:server-project="serverProject"
+				:uptime-seconds="showUptime ? uptimeSeconds : undefined"
+			>
+				<template #actions>
+					<div class="flex gap-2">
+						<PanelServerActionButton :disabled="!!installError" />
+						<Tooltip
+							theme="dismissable-prompt"
+							:triggers="[]"
+							:shown="showSettingsHint"
+							:auto-hide="false"
+							placement="bottom-end"
+						>
+							<ButtonStyled circular size="large">
+								<button
+									v-tooltip="showSettingsHint ? undefined : 'Server settings'"
+									@click="
+										() => {
+											openServerSettingsModal()
+											dismissSettingsHint()
+										}
+									"
+								>
+									<SettingsIcon />
+								</button>
+							</ButtonStyled>
+							<template #popper>
+								<div class="experimental-styles-within grid grid-cols-[min-content] gap-1">
+									<div class="flex min-w-48 items-center justify-between gap-8">
+										<h3 class="m-0 whitespace-nowrap text-base font-bold text-contrast">
+											{{ formatMessage(settingsHintMessages.title) }}
+										</h3>
+										<ButtonStyled size="small" circular>
+											<button
+												v-tooltip="formatMessage(settingsHintMessages.dismiss)"
+												@click="dismissSettingsHint"
+											>
+												<XIcon aria-hidden="true" />
+											</button>
+										</ButtonStyled>
+									</div>
+									<p class="m-0 text-wrap text-sm font-medium leading-tight text-secondary">
+										{{ formatMessage(settingsHintMessages.description) }}
+									</p>
+								</div>
+							</template>
+						</Tooltip>
+						<PanelServerOverflowMenu
+							:disabled="!!installError"
+							:uptime-seconds="uptimeSeconds"
+							:show-copy-id-action="showCopyIdAction"
+							:show-debug-info="showAdvancedDebugInfo"
+						/>
+					</div>
+				</template>
+			</ServerManageHeader>
+
+			<ServerOnboardingPanelPage v-if="isOnboarding" :browse-modpacks="handleBrowseModpacks" />
+
+			<template v-else>
+				<div
+					data-pyro-navigation
+					class="server-stagger-item isolate flex w-full select-none flex-col justify-between gap-4 overflow-auto md:flex-row md:items-center"
+					:style="{ '--si': 1 }"
+				>
+					<NavTabs :links="navLinks" replace />
+				</div>
+
+				<div
+					data-pyro-mount
+					class="server-stagger-item h-full w-full flex-1"
+					:style="{ '--si': 2 }"
+				>
+					<div
+						v-if="installError"
+						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>
+
+								<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
+												Hosting 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 Hosting 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">
+											<button
+												class="whitespace-pre"
+												@click="openServerSettingsModal('installation')"
+											>
+												<RightArrowIcon />
+												Change Loader
+											</button>
+										</ButtonStyled>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<div v-if="serverData.is_medal" class="mb-4">
+						<MedalServerCountdown
+							:server-id="serverId"
+							:stripe-publishable-key="stripePublishableKey"
+							:site-url="siteUrl"
+							:products="products"
+						/>
+					</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"
+					>
+						<LoaderCircleIcon class="h-5 w-5 animate-spin" />
+						Hang on, we're reconnecting to your server.
+					</div>
+
+					<Transition
+						enter-active-class="transition-all duration-300 ease-out overflow-hidden"
+						enter-from-class="opacity-0 max-h-0"
+						enter-to-class="opacity-100 max-h-40"
+						leave-active-class="transition-all duration-200 ease-in overflow-hidden"
+						leave-from-class="opacity-100 max-h-40"
+						leave-to-class="opacity-0 max-h-0"
+					>
+						<InstallingBanner
+							v-if="
+								(serverData.status === 'installing' || isSyncingContent || contentError) &&
+								syncProgress?.phase !== 'Analyzing'
+							"
+							data-pyro-server-installing
+							class="mb-4"
+							:progress="syncProgress"
+							:content-error="contentError"
+							@retry="handleContentRetry"
+						>
+							<template #icon>
+								<ServerIcon :image="serverImage" class="!h-6 !w-6" />
+							</template>
+						</InstallingBanner>
+					</Transition>
+					<Transition
+						enter-active-class="transition-all duration-300 ease-out overflow-hidden"
+						enter-from-class="opacity-0 max-h-0"
+						enter-to-class="opacity-100 max-h-40"
+						leave-active-class="transition-all duration-200 ease-in overflow-hidden"
+						leave-from-class="opacity-100 max-h-40"
+						leave-to-class="opacity-0 max-h-0"
+					>
+						<Admonition v-if="uploadState.isUploading" type="info" class="mb-4">
+							<template #icon>
+								<UploadIcon class="h-6 w-6 flex-none text-brand-blue" />
+							</template>
+							<template #header>
+								Uploading files ({{ uploadState.completedFiles }}/{{ uploadState.totalFiles }})
+								<span v-if="uploadState.currentFileName" class="font-normal text-secondary">
+									— {{ uploadState.currentFileName }}
+								</span>
+							</template>
+							<span class="text-secondary">
+								{{ formatBytes(uploadState.uploadedBytes) }} /
+								{{ formatBytes(uploadState.totalBytes) }} ({{
+									Math.round(uploadOverallProgress * 100)
+								}}%)
+							</span>
+							<template v-if="cancelUpload" #top-right-actions>
+								<ButtonStyled type="outlined" color="blue">
+									<button class="!border" @click="cancelUpload?.()">Cancel</button>
+								</ButtonStyled>
+							</template>
+							<template #progress>
+								<ProgressBar :progress="uploadOverallProgress" :max="1" color="blue" full-width />
+							</template>
+						</Admonition>
+					</Transition>
+					<FileOperationAdmonitions class="mb-4" />
+					<BackupProgressAdmonitions class="mb-4" />
+					<slot :on-reinstall="onReinstall" :on-reinstall-failed="onReinstallFailed" />
+				</div>
+			</template>
+		</template>
+	</div>
+	<div
+		v-if="showAdvancedDebugInfo"
+		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">{{
+			safeStringify(serverData)
+		}}</pre>
+	</div>
+	<Suspense>
+		<ServerSettingsModal
+			ref="serverSettingsModal"
+			:resolve-viewer="resolveViewer"
+			:browse-modpacks="handleBrowseModpacks"
+		/>
+	</Suspense>
+	<ConfirmLeaveModal
+		ref="confirmLeaveModal"
+		:header="formatMessage(leaveMessages.uploadInProgress)"
+		:body="formatMessage(leaveMessages.leavePageBody)"
+		admonition-type="critical"
+	/>
+</template>
+
+<script setup lang="ts">
+import { Intercom, shutdown } from '@intercom/messenger-js-sdk'
+import type { Archon, Labrinth } from '@modrinth/api-client'
+import { ModrinthApiError, NuxtModrinthClient } from '@modrinth/api-client'
+import {
+	BoxesIcon,
+	CheckIcon,
+	CopyIcon,
+	DatabaseBackupIcon,
+	FileIcon,
+	FolderOpenIcon,
+	IssuesIcon,
+	LayoutTemplateIcon,
+	LoaderCircleIcon,
+	LockIcon,
+	RightArrowIcon,
+	SettingsIcon,
+	TransferIcon,
+	TriangleAlertIcon,
+	UploadIcon,
+	XIcon,
+} from '@modrinth/assets'
+import type { Stats } from '@modrinth/utils'
+import { formatBytes } from '@modrinth/utils'
+import { useQuery, useQueryClient } from '@tanstack/vue-query'
+import { useStorage, useTimeoutFn } from '@vueuse/core'
+import DOMPurify from 'dompurify'
+import { Tooltip } from 'floating-vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, onUnmounted, ref, watch } from 'vue'
+import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
+
+import Admonition from '#ui/components/base/Admonition.vue'
+import ButtonStyled from '#ui/components/base/ButtonStyled.vue'
+import ErrorInformationCard from '#ui/components/base/ErrorInformationCard.vue'
+import NavTabs from '#ui/components/base/NavTabs.vue'
+import ProgressBar from '#ui/components/base/ProgressBar.vue'
+import ServerNotice from '#ui/components/base/ServerNotice.vue'
+import ConfirmLeaveModal from '#ui/components/modal/ConfirmLeaveModal.vue'
+import BackupProgressAdmonitions from '#ui/components/servers/backups/BackupProgressAdmonitions.vue'
+import { ServerIcon } from '#ui/components/servers/icons'
+import InstallingBanner from '#ui/components/servers/InstallingBanner.vue'
+import MedalServerCountdown from '#ui/components/servers/marketing/MedalServerCountdown.vue'
+import {
+	PanelServerActionButton,
+	PanelServerOverflowMenu,
+	ServerManageHeader,
+} from '#ui/components/servers/server-header'
+import ServerSettingsModal from '#ui/components/servers/ServerSettingsModal.vue'
+import {
+	useDebugLogger,
+	useModrinthServersConsole,
+	useServerImage,
+	useServerProject,
+} from '#ui/composables'
+import { defineMessages, useVIntl } from '#ui/composables/i18n'
+import { useServerManageCoreRuntime } from '#ui/composables/server-manage-core-runtime'
+import type { LogLine } from '#ui/layouts/shared/console'
+import type { ServerSettingsTabId } from '#ui/layouts/shared/server-settings'
+import {
+	injectModrinthClient,
+	injectNotificationManager,
+	provideServerSettingsModal,
+} from '#ui/providers'
+import { formatLoaderLabel } from '#ui/utils/loaders'
+
+import FileOperationAdmonitions from '../../../shared/files-tab/components/FileOperationAdmonitions.vue'
+import ServerOnboardingPanelPage from './[id]/onboarding.vue'
+
+interface Tab {
+	label: string
+	href: string
+	icon?: object
+	subpages?: string[]
+}
+
+const props = withDefaults(
+	defineProps<{
+		serverId: string
+		reloadPage: () => void
+		resolveViewer: () => Promise<{ userId: string | null; userRole: string | null }>
+		showCopyIdAction?: boolean
+		showAdvancedDebugInfo?: boolean
+		showUptime?: boolean
+		additionalTabs?: Tab[]
+		stripePublishableKey?: string
+		siteUrl?: string
+		products?: Labrinth.Billing.Internal.Product[]
+		authUser?: { id: string; username: string; email: string; created: string }
+		fetchIntercomToken?: () => Promise<{ token: string }>
+		intercomAppId?: string
+		navigateToBilling?: () => void
+		navigateToServers?: () => void
+		browseModpacks?: (args: {
+			serverId: string
+			worldId: string | null
+			from: 'reset-server' | 'onboarding'
+		}) => void | Promise<void>
+		browseContent?: (args: {
+			serverId: string
+			worldId: string | null
+			type: 'mod' | 'plugin' | 'datapack'
+		}) => void | Promise<void>
+	}>(),
+	{
+		showCopyIdAction: false,
+		showAdvancedDebugInfo: false,
+		showUptime: true,
+		additionalTabs: () => [],
+		stripePublishableKey: undefined,
+		siteUrl: undefined,
+		products: () => [],
+		authUser: undefined,
+		fetchIntercomToken: undefined,
+		intercomAppId: 'ykeritl9',
+		navigateToBilling: undefined,
+		navigateToServers: undefined,
+		browseModpacks: undefined,
+		browseContent: undefined,
+	},
+)
+
+const { formatMessage } = useVIntl()
+
+const loadingMessages = defineMessages({
+	loadingServerPanel: {
+		id: 'servers.manage.loading.serverPanel',
+		defaultMessage: 'Loading your server panel...',
+	},
+})
+
+const leaveMessages = defineMessages({
+	uploadInProgress: {
+		id: 'servers.manage.confirm-leave.upload-in-progress',
+		defaultMessage: 'Upload in progress',
+	},
+	leavePageBody: {
+		id: 'servers.manage.confirm-leave.body',
+		defaultMessage: 'A file upload is in progress. Leaving this page will cancel the upload.',
+	},
+})
+
+const settingsHintMessages = defineMessages({
+	title: {
+		id: 'servers.manage.settings-hint.title',
+		defaultMessage: 'Your server settings have moved',
+	},
+	description: {
+		id: 'servers.manage.settings-hint.description',
+		defaultMessage: 'They can now be found here!',
+	},
+	dismiss: {
+		id: 'servers.manage.settings-hint.dismiss',
+		defaultMessage: "Don't show again",
+	},
+})
+
+const { addNotification } = injectNotificationManager()
+const client = injectModrinthClient()
+const isNuxt = computed(() => client instanceof NuxtModrinthClient)
+const queryClient = useQueryClient()
+const route = useRoute()
+const router = useRouter()
+const debug = useDebugLogger('ServerManage')
+
+const isReconnecting = ref(false)
+const isLoading = ref(true)
+const isMounted = ref(true)
+const copied = ref(false)
+const installError = ref<Error | null>(null)
+const errorTitle = ref('Error')
+const errorMessage = ref('An unexpected error occurred.')
+const errorLog = ref('')
+const errorLogFile = ref('')
+const isOnboarding = computed(() => serverData.value?.flows?.intro)
+
+const SETTINGS_HINT_KEY = 'server-panel-settings-hint-dismissed'
+const settingsHintDismissed = useStorage(SETTINGS_HINT_KEY, false)
+const showSettingsHint = ref(!settingsHintDismissed.value)
+function dismissSettingsHint() {
+	showSettingsHint.value = false
+	settingsHintDismissed.value = true
+}
+
+const serverSettingsModal = ref<InstanceType<typeof ServerSettingsModal> | null>(null)
+const confirmLeaveModal = ref<InstanceType<typeof ConfirmLeaveModal>>()
+
+const { data: serverData, error: serverQueryError } = useQuery({
+	queryKey: ['servers', 'detail', props.serverId],
+	queryFn: () => client.archon.servers_v0.get(props.serverId)!,
+})
+
+function updateServerData(patch: Partial<Archon.Servers.v0.Server>) {
+	if (!serverData.value) return
+	queryClient.setQueryData(['servers', 'detail', props.serverId], {
+		...serverData.value,
+		...patch,
+	})
+}
+
+const serverError = computed(() => {
+	const err = serverQueryError.value
+	if (err instanceof ModrinthApiError) return err
+	return err ? ModrinthApiError.fromUnknown(err) : null
+})
+
+const { data: serverFull } = useQuery({
+	queryKey: ['servers', 'v1', 'detail', props.serverId],
+	queryFn: () => client.archon.servers_v1.get(props.serverId),
+})
+
+const worldId = computed(() => {
+	if (!serverFull.value) return null
+	const activeWorld = serverFull.value.worlds.find((w) => w.is_active)
+	return activeWorld?.id ?? serverFull.value.worlds[0]?.id ?? null
+})
+
+const { image: serverImage } = useServerImage(
+	props.serverId,
+	computed(() => serverData.value?.upstream ?? null),
+)
+const { data: serverProject } = useServerProject(computed(() => serverData.value?.upstream ?? null))
+
+const cancelledBackups = new Set<string>()
+const markBackupCancelled = (backupId: string) => {
+	cancelledBackups.add(backupId)
+}
+
+const syncProgress = ref<Archon.Websocket.v0.SyncContentProgress | null>(null)
+const contentError = ref<Archon.Websocket.v0.SyncContentError | null>(null)
+const syncProgressActive = ref(false)
+const isAwaitingPostInstallRefresh = ref(false)
+const { start: startSyncHide, stop: cancelSyncHide } = useTimeoutFn(
+	() => (syncProgressActive.value = false),
+	1000,
+	{ immediate: false },
+)
+
+watch(syncProgress, (progress) => {
+	if (progress != null) {
+		cancelSyncHide()
+		syncProgressActive.value = true
+	} else if (syncProgressActive.value) {
+		startSyncHide()
+	}
+})
+
+const isSyncingContent = computed(
+	() => syncProgressActive.value || isAwaitingPostInstallRefresh.value,
+)
+
+let hasSeenInstallProgress = false
+
+const onStateEvent = (data: Archon.Websocket.v0.WSStateEvent) => {
+	debug('[root.vue] handleState received:', {
+		power_variant: data.power_variant,
+		progress: data.progress,
+		serverStatus: serverData.value?.status,
+	})
+	hasReceivedWsData.value = true
+	syncProgress.value = data.progress
+	contentError.value = data.content_error
+
+	if (serverData.value) {
+		if (data.progress != null && serverData.value.status !== 'installing') {
+			debug('[root.vue] handleState: progress != null, setting status to installing')
+			hasSeenInstallProgress = true
+			updateServerData({ status: 'installing' })
+		} else if (data.progress != null) {
+			hasSeenInstallProgress = true
+		} else if (
+			data.progress == null &&
+			data.content_error == null &&
+			serverData.value.status === 'installing' &&
+			hasSeenInstallProgress
+		) {
+			debug('[root.vue] handleState: progress null + was installing, applying optimistic update')
+			hasSeenInstallProgress = false
+			applyOptimisticCompletion()
+			invalidateAfterInstall()
+		}
+	}
+}
+
+const {
+	backupsState,
+	cancelUpload,
+	cleanupCoreRuntime,
+	connectSocket,
+	cpuData,
+	fsOps,
+	fsQueuedOps,
+	isConnected,
+	ramData,
+	serverPowerState,
+	stats,
+	uptimeSeconds,
+	uploadState,
+} = useServerManageCoreRuntime({
+	serverId: computed(() => props.serverId),
+	worldId,
+	server: serverData,
+	isSyncingContent,
+	markBackupCancelled,
+	includeBackupBusyReasons: true,
+	setDisconnectedOnAuthIncorrect: false,
+	syncUptimeFromState: true,
+	incrementUptimeLocally: true,
+	eventGuard: () => isMounted.value,
+	onStateEvent,
+})
+
+const uploadOverallProgress = computed(() => {
+	const state = uploadState.value
+	if (!state.isUploading || state.totalFiles === 0) return 0
+	return Math.min((state.completedFiles + state.currentFileProgress) / state.totalFiles, 1)
+})
+
+const isUploading = computed(() => uploadState.value.isUploading)
+
+function handleBeforeUnload(e: BeforeUnloadEvent) {
+	if (isUploading.value) {
+		e.preventDefault()
+		return ''
+	}
+}
+
+if (typeof window !== 'undefined') {
+	watch(isUploading, (uploading) => {
+		if (uploading) {
+			window.addEventListener('beforeunload', handleBeforeUnload)
+		} else {
+			window.removeEventListener('beforeunload', handleBeforeUnload)
+		}
+	})
+
+	onBeforeUnmount(() => {
+		window.removeEventListener('beforeunload', handleBeforeUnload)
+	})
+
+	onBeforeRouteLeave(async () => {
+		if (isUploading.value) {
+			const shouldLeave = (await confirmLeaveModal.value?.prompt()) ?? false
+			if (shouldLeave) cancelUpload.value?.()
+			return shouldLeave
+		}
+		return true
+	})
+}
+
+type CachedWsState = {
+	stats: Stats
+	cpuData: number[]
+	ramData: number[]
+	powerState: Archon.Websocket.v0.PowerState
+	uptimeSeconds: number
+	consoleLines: LogLine[]
+}
+
+const modrinthServersConsole = useModrinthServersConsole()
+const wsStateCacheKey = ['servers', 'ws-state', props.serverId] as const
+const cachedWsState = queryClient.getQueryData<CachedWsState>(wsStateCacheKey)
+if (cachedWsState) {
+	stats.value = cachedWsState.stats
+	cpuData.value = cachedWsState.cpuData
+	ramData.value = cachedWsState.ramData
+	serverPowerState.value = cachedWsState.powerState
+	uptimeSeconds.value = cachedWsState.uptimeSeconds
+}
+
+const log = useDebugLogger('server-panel-reveal')
+
+const hasReceivedWsData = ref(!!cachedWsState)
+log('init', {
+	hasCachedWsState: !!cachedWsState,
+	hasReceivedWsData: hasReceivedWsData.value,
+	isConnected: isConnected.value,
+	serverData: !!serverData.value,
+})
+
+const saveWsStateToCache = () => {
+	if (!hasReceivedWsData.value) return
+	queryClient.setQueryData(wsStateCacheKey, {
+		stats: stats.value,
+		cpuData: cpuData.value,
+		ramData: ramData.value,
+		powerState: serverPowerState.value,
+		uptimeSeconds: uptimeSeconds.value,
+		consoleLines: modrinthServersConsole.output.value,
+	} satisfies CachedWsState)
+}
+
+watch([stats, serverPowerState], () => {
+	if (!isConnected.value) return
+	hasReceivedWsData.value = true
+})
+
+const canReveal = computed(() => serverData.value && hasReceivedWsData.value)
+log('canReveal initial', {
+	canReveal: canReveal.value,
+	serverData: !!serverData.value,
+	hasReceivedWsData: hasReceivedWsData.value,
+})
+
+const revealState = ref<'pending' | 'revealing' | 'visible'>(
+	canReveal.value ? 'visible' : 'pending',
+)
+log('revealState initial', revealState.value)
+
+const REVEAL_TOTAL_MS = 2 * 80 + 400
+
+watch(canReveal, (ready) => {
+	log('canReveal changed', { ready, revealState: revealState.value })
+	if (ready && revealState.value === 'pending') {
+		revealState.value = 'revealing'
+		setTimeout(() => {
+			revealState.value = 'visible'
+			log('revealState -> visible')
+		}, REVEAL_TOTAL_MS)
+	}
+})
+
+watch(isConnected, (connected) => {
+	log('isConnected changed', connected)
+})
+
+watch(serverData, (data) => {
+	log('serverData changed', !!data)
+})
+
+const navLinks = computed<Tab[]>(() => [
+	{
+		label: 'Overview',
+		href: `/hosting/manage/${props.serverId}`,
+		icon: LayoutTemplateIcon,
+		subpages: [],
+	},
+	{
+		label: 'Content',
+		href: `/hosting/manage/${props.serverId}/content`,
+		icon: BoxesIcon,
+		subpages: ['mods', 'datapacks'],
+	},
+	{
+		label: 'Files',
+		href: `/hosting/manage/${props.serverId}/files`,
+		icon: FolderOpenIcon,
+		subpages: [],
+	},
+	{
+		label: 'Backups',
+		href: `/hosting/manage/${props.serverId}/backups`,
+		icon: DatabaseBackupIcon,
+		subpages: [],
+	},
+	...props.additionalTabs,
+])
+
+const filteredNotices = computed(
+	() => serverData.value?.notices?.filter((n) => n.level !== 'survey') ?? [],
+)
+const surveyNotice = computed(() => serverData.value?.notices?.find((n) => n.level === 'survey'))
+
+async function dismissNotice(noticeId: number) {
+	await client.archon.servers_v0.dismissNotice(props.serverId, noticeId).catch((err) => {
+		addNotification({
+			title: 'Error dismissing notice',
+			text: err,
+			type: 'error',
+		})
+	})
+	await queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] })
+}
+
+async function dismissSurvey() {
+	const noticeId = surveyNotice.value?.id
+	if (noticeId === undefined) return
+	await dismissNotice(noticeId)
+}
+
+type TallyPopupOptions = {
+	key?: string
+	layout?: 'default' | 'modal'
+	width?: number
+	alignLeft?: boolean
+	hideTitle?: boolean
+	overlay?: boolean
+	emoji?: {
+		text: string
+		animation:
+			| 'none'
+			| 'wave'
+			| 'tada'
+			| 'heart-beat'
+			| 'spin'
+			| 'flash'
+			| 'bounce'
+			| 'rubber-band'
+			| 'head-shake'
+	}
+	autoClose?: number
+	showOnce?: boolean
+	doNotShowAfterSubmit?: boolean
+	customFormUrl?: string
+	hiddenFields?: { [key: string]: unknown }
+	onOpen?: () => void
+	onClose?: () => void
+	onPageView?: (page: number) => void
+	onSubmit?: (payload: unknown) => void
+}
+
+const popupOptions = computed(
+	() =>
+		({
+			layout: 'default',
+			width: 400,
+			autoClose: 2000,
+			hideTitle: true,
+			hiddenFields: {
+				username: props.authUser?.username,
+				user_id: props.authUser?.id,
+				user_email: props.authUser?.email,
+				server_id: serverData.value?.server_id,
+				loader: serverData.value?.loader,
+				game_version: serverData.value?.mc_version,
+				modpack_id: serverProject.value?.id,
+				modpack_name: serverProject.value?.title,
+			},
+			onOpen: () => console.log(`Opened survey notice: ${surveyNotice.value?.id}`),
+			onClose: async () => await dismissSurvey(),
+			onSubmit: (payload: unknown) => {
+				console.log('Form submitted:', payload)
+			},
+		}) satisfies TallyPopupOptions,
+)
+
+function getTally(): { openPopup?: (id: string, opts: TallyPopupOptions) => void } | undefined {
+	return (
+		window as Window & { Tally?: { openPopup?: (id: string, opts: TallyPopupOptions) => void } }
+	).Tally
+}
+
+function showSurvey() {
+	if (!surveyNotice.value) return
+
+	try {
+		const tally = getTally()
+		if (tally?.openPopup) {
+			tally.openPopup(surveyNotice.value.message, popupOptions.value)
+		}
+	} catch (e) {
+		console.error('Error opening Tally popup:', e)
+	}
+}
+
+function loadTallyScript() {
+	if (document.querySelector('script[src*="tally.so"]')) return
+	const script = document.createElement('script')
+	script.src = 'https://tally.so/widgets/embed.js'
+	script.defer = true
+	document.head.appendChild(script)
+}
+
+async function handleContentRetry() {
+	if (!worldId.value) return
+	try {
+		await client.archon.content_v1.repair(props.serverId, worldId.value)
+	} catch (err) {
+		addNotification({
+			type: 'error',
+			text: err instanceof Error ? err.message : 'Failed to retry installation',
+		})
+	}
+}
+
+const handleBackupProgress = (data: Archon.Websocket.v0.WSBackupProgressEvent) => {
+	if (data.task === 'file') return
+
+	const backupId = data.id
+
+	if (cancelledBackups.has(backupId)) return
+
+	const current = backupsState.get(backupId) ?? {}
+	const currentTaskState = current[data.task]?.state
+	const isIncomingTerminal =
+		data.state === 'done' || data.state === 'failed' || data.state === 'cancelled'
+
+	if (currentTaskState === data.state && isIncomingTerminal) return
+
+	const previousProgress = current[data.task]?.progress
+	if (currentTaskState !== data.state || previousProgress !== data.progress) {
+		backupsState.set(backupId, {
+			...current,
+			[data.task]: {
+				progress: data.progress,
+				state: data.state,
+			},
+		})
+	}
+
+	if (isIncomingTerminal) {
+		const attemptCleanup = (attempt: number = 1) => {
+			queryClient.invalidateQueries({ queryKey: ['backups', 'list', props.serverId] }).then(() => {
+				const backupData = queryClient.getQueryData<Archon.Backups.v1.Backup[]>([
+					'backups',
+					'list',
+					props.serverId,
+				])
+				const backup = backupData?.find((b) => b.id === backupId)
+				const isStillActive =
+					backup && (backup.status === 'in_progress' || backup.status === 'pending')
+
+				if (isStillActive && attempt < 6) {
+					setTimeout(() => attemptCleanup(attempt + 1), 1000 * Math.pow(2, attempt - 1))
+					return
+				}
+
+				if (isStillActive) {
+					queryClient.setQueryData<Archon.Backups.v1.Backup[]>(
+						['backups', 'list', props.serverId],
+						(old) =>
+							old?.map((b) => {
+								if (b.id !== backupId) return b
+								return {
+									...b,
+									status: data.state === 'done' ? ('done' as const) : ('error' as const),
+									ongoing: false,
+									interrupted: data.state === 'failed',
+								}
+							}),
+					)
+				}
+
+				backupsState.delete(backupId)
+			})
+		}
+
+		attemptCleanup()
+	}
+}
+
+const handleFilesystemOps = (data: Archon.Websocket.v0.WSFilesystemOpsEvent) => {
+	const allOps = data.all
+
+	if (JSON.stringify(fsOps.value) !== JSON.stringify(allOps)) {
+		fsOps.value = allOps
+	}
+
+	fsQueuedOps.value = fsQueuedOps.value.filter(
+		(queuedOp) => !allOps.some((x) => x.src === queuedOp.src),
+	)
+
+	const cancelled = allOps.filter((x) => x.state === 'cancelled')
+	Promise.all(
+		cancelled.map((x) =>
+			client.kyros.files_v0.modifyOperation(x.id, 'dismiss').catch((error) => {
+				console.error('Failed to dismiss cancelled operation:', error)
+			}),
+		),
+	)
+}
+
+const handleNewMod = () => {
+	queryClient.invalidateQueries({ queryKey: ['content', 'list'] })
+}
+
+const handleInstallationResult = async (data: Archon.Websocket.v0.WSInstallationResultEvent) => {
+	debug('[root.vue] handleInstallationResult received:', data)
+	switch (data.result) {
+		case 'ok': {
+			debug('[root.vue] handleInstallationResult: ok received')
+			if (!serverData.value) break
+
+			applyOptimisticCompletion()
+			installError.value = null
+			invalidateAfterInstall()
+
+			break
+		}
+		case 'err': {
+			console.log('failed to install')
+			console.log(data)
+			errorTitle.value = 'Installation error'
+			errorMessage.value = data.reason ?? 'Unknown error'
+			installError.value = new Error(data.reason ?? 'Unknown error')
+
+			try {
+				let files = await client.kyros.files_v0.listDirectory('/', 1, 100)
+				if (files && files.total > 1) {
+					for (let i = 2; i <= files.total; i++) {
+						const nextFiles = await client.kyros.files_v0.listDirectory('/', i, 100)
+						if (nextFiles?.items?.length === 0) break
+						if (nextFiles) files = nextFiles
+					}
+				}
+				const fileName = files?.items?.find((file) =>
+					file.name.startsWith('modrinth-installation'),
+				)?.name
+				errorLogFile.value = fileName ?? ''
+				if (fileName) {
+					const content = await client.kyros.files_v0.downloadFile(fileName)
+					errorLog.value = await content.text()
+				}
+			} catch (err) {
+				console.error('Failed to fetch installation log:', err)
+			}
+			break
+		}
+	}
+}
+
+const newLoader = ref<string | null>(null)
+const newLoaderVersion = ref<string | null>(null)
+const newMCVersion = ref<string | null>(null)
+
+const onReinstall = async (
+	potentialArgs: { loader?: string; lVersion?: string; mVersion?: string } | undefined,
+) => {
+	debug('[root.vue] onReinstall called with:', potentialArgs)
+
+	if (serverData.value?.flows?.intro) {
+		await client.archon.servers_v1.endIntro(props.serverId)
+		queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] })
+	}
+
+	if (!serverData.value) return
+
+	debug('[root.vue] onReinstall: setting serverData.status to installing')
+	hasSeenInstallProgress = false
+	updateServerData({ status: 'installing' })
+
+	if (potentialArgs?.loader) {
+		newLoader.value = potentialArgs.loader
+	}
+	if (potentialArgs?.lVersion) {
+		newLoaderVersion.value = potentialArgs.lVersion
+	}
+	if (potentialArgs?.mVersion) {
+		newMCVersion.value = potentialArgs.mVersion
+	}
+
+	installError.value = null
+	errorTitle.value = 'Error'
+	errorMessage.value = 'An unexpected error occurred.'
+
+	modrinthServersConsole.clear()
+
+	debug('[root.vue] onReinstall: triggering immediate invalidation')
+	queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] })
+	queryClient.invalidateQueries({ queryKey: ['content', 'list'] })
+}
+
+const onReinstallFailed = () => {
+	debug('[root.vue] onReinstallFailed: reverting status to available')
+	updateServerData({ status: 'available' })
+	newLoader.value = null
+	newLoaderVersion.value = null
+	newMCVersion.value = null
+}
+
+function applyOptimisticCompletion() {
+	const patch: Partial<Archon.Servers.v0.Server> = { status: 'available' }
+	if (newLoader.value) patch.loader = formatLoaderLabel(newLoader.value) as Archon.Servers.v0.Loader
+	if (newLoaderVersion.value) patch.loader_version = newLoaderVersion.value
+	if (newMCVersion.value) patch.mc_version = newMCVersion.value
+
+	debug('[root.vue] applyOptimisticCompletion: patch:', patch)
+	updateServerData(patch)
+
+	const addonsQueries = queryClient.getQueriesData<Archon.Content.v1.Addons>({
+		queryKey: ['content', 'list', 'v1', props.serverId],
+	})
+	for (const [key, data] of addonsQueries) {
+		if (!data) continue
+		const addonsPatch: Record<string, string> = {}
+		if (newLoader.value) addonsPatch.modloader = newLoader.value
+		if (newLoaderVersion.value) addonsPatch.modloader_version = newLoaderVersion.value
+		if (newMCVersion.value) addonsPatch.game_version = newMCVersion.value
+		if (Object.keys(addonsPatch).length > 0) {
+			queryClient.setQueryData(key, { ...data, ...addonsPatch })
+		}
+	}
+
+	newLoader.value = null
+	newLoaderVersion.value = null
+	newMCVersion.value = null
+}
+
+async function invalidateAfterInstall() {
+	debug('[root.vue] invalidateAfterInstall: scheduling 2s delayed invalidation')
+	isAwaitingPostInstallRefresh.value = true
+	setTimeout(async () => {
+		try {
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] }),
+				queryClient.invalidateQueries({
+					queryKey: ['servers', 'startup', 'v1', props.serverId],
+				}),
+				queryClient.invalidateQueries({ queryKey: ['content', 'list'] }),
+			])
+		} catch (err: unknown) {
+			console.error('Error refreshing data after installation:', err)
+		} finally {
+			isAwaitingPostInstallRefresh.value = false
+		}
+	}, 2000)
+}
+
+const nodeAccessible = ref(true)
+
+const nodeUnavailableDetails = computed(() => [
+	{
+		label: 'Server ID',
+		value: props.serverId,
+		type: 'inline' as const,
+	},
+	{
+		label: 'Node',
+		value:
+			(serverError.value?.responseData as { hostname?: string } | undefined)?.hostname ??
+			serverData.value?.datacenter ??
+			'Unknown',
+		type: 'inline' as const,
+	},
+	{
+		label: 'Error message',
+		value: nodeAccessible.value
+			? (serverError.value?.message ?? 'Unknown')
+			: 'Unable to reach node. Ping test failed.',
+		type: 'block' 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: props.serverId,
+		type: 'inline' as const,
+	},
+	{
+		label: 'Timestamp',
+		value: String(new Date().toISOString()),
+		type: 'inline' as const,
+	},
+	{
+		label: 'Error Name',
+		value: serverError.value?.name,
+		type: 'inline' as const,
+	},
+	{
+		label: 'Error Message',
+		value: serverError.value?.message,
+		type: 'block' as const,
+	},
+	...(serverError.value?.originalError
+		? [
+				{
+					label: 'Original Error',
+					value: String(serverError.value.originalError),
+					type: 'hidden' as const,
+				},
+			]
+		: []),
+	...(serverError.value?.stack
+		? [
+				{
+					label: 'Stack Trace',
+					value: serverError.value.stack,
+					type: 'hidden' as const,
+				},
+			]
+		: []),
+])
+
+const suspendedAction = computed(() => ({
+	label: 'Go to billing settings',
+	onClick: () => props.navigateToBilling?.(),
+	color: 'brand' as const,
+}))
+
+const generalErrorAction = computed(() => ({
+	label: 'Go back to all servers',
+	onClick: () => props.navigateToServers?.(),
+	color: 'brand' as const,
+}))
+
+const nodeUnavailableAction = computed(() => ({
+	label: 'Reload',
+	onClick: () => props.reloadPage(),
+	color: 'brand' as const,
+	disabled: false,
+}))
+
+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)
+	copied.value = true
+	setTimeout(() => {
+		copied.value = false
+	}, 5000)
+}
+
+const openInstallLog = () => {
+	const url = `/hosting/manage/${props.serverId}/files?editing=${encodeURIComponent(errorLogFile.value)}`
+	window.history.pushState({}, '', url)
+	window.dispatchEvent(new PopStateEvent('popstate'))
+}
+
+function openServerSettingsModal(tabId?: ServerSettingsTabId) {
+	if (!props.serverId) return
+	serverSettingsModal.value?.show({ serverId: props.serverId, tabId })
+}
+
+function handleBrowseModpacks(args: {
+	serverId: string
+	worldId: string | null
+	from: 'reset-server' | 'onboarding'
+}) {
+	props.browseModpacks?.(args)
+}
+
+function handleBrowseContent(args: {
+	serverId: string
+	worldId: string | null
+	type: 'mod' | 'plugin' | 'datapack'
+}) {
+	props.browseContent?.(args)
+}
+
+provideServerSettingsModal({
+	openServerSettings: (options) => openServerSettingsModal(options?.tabId),
+	browseServerContent: (args) => handleBrowseContent(args),
+})
+
+function safeStringify(obj: unknown, indent = ' '): string {
+	const seen = new WeakSet()
+	return JSON.stringify(
+		obj,
+		(_key, value) => {
+			if (typeof value === 'object' && value !== null) {
+				if (seen.has(value)) {
+					return '[Circular]'
+				}
+				seen.add(value)
+			}
+			return value
+		},
+		indent,
+	)
+}
+
+async function testNodeReachability(): Promise<boolean> {
+	const nodeInstance = serverData.value?.node?.instance
+	if (!nodeInstance) return false
+
+	const wsUrl = `wss://${nodeInstance}/pingtest`
+
+	try {
+		return await new Promise((resolve) => {
+			const socket = new WebSocket(wsUrl)
+			const timeout = setTimeout(() => {
+				socket.close()
+				resolve(false)
+			}, 5000)
+
+			socket.onopen = () => {
+				clearTimeout(timeout)
+				socket.send(performance.now().toString())
+			}
+
+			socket.onmessage = () => {
+				clearTimeout(timeout)
+				socket.close()
+				resolve(true)
+			}
+
+			socket.onerror = () => {
+				clearTimeout(timeout)
+				resolve(false)
+			}
+		})
+	} catch (error) {
+		console.error(`Failed to ping node ${wsUrl}:`, error)
+		return false
+	}
+}
+
+function initializeServer() {
+	if (serverData.value?.status === 'suspended') {
+		isLoading.value = false
+		return
+	}
+
+	if (serverData.value?.node === null) {
+		isLoading.value = false
+		return
+	}
+
+	testNodeReachability()
+		.then((result) => {
+			nodeAccessible.value = result
+			if (!nodeAccessible.value) {
+				isLoading.value = false
+			}
+		})
+		.catch((err) => {
+			console.error('Error testing node reachability:', err)
+			nodeAccessible.value = false
+			isLoading.value = false
+		})
+
+	if (serverError.value) {
+		isLoading.value = false
+	} else {
+		void connectSocket(props.serverId, {
+			extraSubscriptions: (targetServerId) => [
+				client.archon.sockets.on(targetServerId, 'installation-result', handleInstallationResult),
+				client.archon.sockets.on(targetServerId, 'backup-progress', handleBackupProgress),
+				client.archon.sockets.on(targetServerId, 'filesystem-ops', handleFilesystemOps),
+				client.archon.sockets.on(targetServerId, 'new-mod', handleNewMod),
+			],
+		})
+			.then((connected) => {
+				if (connected && cachedWsState?.consoleLines?.length) {
+					modrinthServersConsole.clear()
+					modrinthServersConsole.addLines(cachedWsState.consoleLines)
+				}
+			})
+			.finally(() => {
+				isLoading.value = false
+			})
+	}
+
+	if (serverData.value?.flows?.intro && serverProject.value) {
+		client.archon.servers_v1.endIntro(props.serverId).then(() => {
+			queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] })
+		})
+	}
+}
+
+const cleanup = () => {
+	isMounted.value = false
+
+	saveWsStateToCache()
+
+	shutdown()
+
+	cleanupCoreRuntime(props.serverId)
+
+	isReconnecting.value = false
+	isLoading.value = true
+
+	cancelledBackups.clear()
+
+	DOMPurify.removeHook('afterSanitizeAttributes')
+}
+
+onMounted(() => {
+	isMounted.value = true
+
+	if (serverData.value) {
+		initializeServer()
+	} else {
+		const stopWatch = watch(serverData, (data) => {
+			if (data) {
+				stopWatch()
+				initializeServer()
+			}
+		})
+	}
+
+	if (props.authUser && props.fetchIntercomToken) {
+		props
+			.fetchIntercomToken()
+			.then(({ token }) => {
+				Intercom({
+					app_id: props.intercomAppId!,
+					intercom_user_jwt: token,
+					session_duration: 1000 * 60 * 60 * 24,
+				})
+			})
+			.catch((error) => {
+				console.warn('[PYROSERVERS][INTERCOM] failed to initialize secure support chat', error)
+			})
+	}
+
+	DOMPurify.addHook(
+		'afterSanitizeAttributes',
+		(node: {
+			tagName: string
+			getAttribute: (arg0: string) => string | null
+			setAttribute: (arg0: string, arg1: string) => void
+		}) => {
+			if (node.tagName === 'A' && node.getAttribute('target')) {
+				node.setAttribute('rel', 'noopener noreferrer')
+			}
+		},
+	)
+
+	loadTallyScript()
+	if (surveyNotice.value) {
+		showSurvey()
+	}
+
+	if (route.query.openSettings) {
+		const tabId = route.query.openSettings as ServerSettingsTabId
+		router.replace({ query: { ...route.query, openSettings: undefined } })
+		queryClient.invalidateQueries({ queryKey: ['servers', 'detail', props.serverId] })
+		queryClient.invalidateQueries({ queryKey: ['content', 'list', 'v1', props.serverId] })
+		queryClient.invalidateQueries({ queryKey: ['servers', 'startup', 'v1', props.serverId] })
+		nextTick(() => openServerSettingsModal(tabId))
+	}
+})
+
+onUnmounted(() => {
+	cleanup()
+})
+</script>
+
+<style>
+@keyframes server-action-buttons-anim {
+	0% {
+		opacity: 0;
+		transform: translateX(1rem);
+	}
+
+	100% {
+		opacity: 1;
+		transform: none;
+	}
+}
+
+.server-action-buttons-anim {
+	animation: server-action-buttons-anim 0.2s ease-out;
+}
+
+.server-panel-pending .server-stagger-item {
+	opacity: 0;
+}
+
+.server-panel-revealing .server-stagger-item {
+	animation: serverReveal 0.4s ease-out both;
+	animation-delay: calc(var(--si) * 80ms);
+}
+
+@keyframes serverReveal {
+	from {
+		opacity: 0;
+		transform: translateY(12px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+</style>
diff --git a/packages/ui/src/layouts/wrapped/index.ts b/packages/ui/src/layouts/wrapped/index.ts
index 96eb18994..d91f53ee7 100644
--- a/packages/ui/src/layouts/wrapped/index.ts
+++ b/packages/ui/src/layouts/wrapped/index.ts
@@ -3,3 +3,5 @@ export { default as ServersManageBackupsPage } from './hosting/manage/backups.vu
 export { default as ServersManageContentPage } from './hosting/manage/content.vue'
 export { default as ServersManageFilesPage } from './hosting/manage/files.vue'
 export { default as ServersManagePageIndex } from './hosting/manage/index.vue'
+export { default as ServersManageOverviewPage } from './hosting/manage/overview.vue'
+export { default as ServersManageRootLayout } from './hosting/manage/root.vue'
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index 447fc9a42..d94e977ae 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -32,6 +32,9 @@
   "affiliate.viewAnalytics": {
     "defaultMessage": "View analytics"
   },
+  "app.server-settings.failed-to-load-server": {
+    "defaultMessage": "Failed to load server settings"
+  },
   "badge.beta": {
     "defaultMessage": "Beta"
   },
@@ -41,6 +44,54 @@
   "badge.new": {
     "defaultMessage": "New"
   },
+  "billing.resubscribe-modal.cancel": {
+    "defaultMessage": "Cancel"
+  },
+  "billing.resubscribe-modal.cpus": {
+    "defaultMessage": "{sharedCpus} Shared CPUs"
+  },
+  "billing.resubscribe-modal.description": {
+    "defaultMessage": "You are about to resubscribe to <server-name>{serverName}</server-name>. Your subscription will be reactivated and your server will continue running without interruption."
+  },
+  "billing.resubscribe-modal.error.text": {
+    "defaultMessage": "Cannot resubscribe, failed to load subscription details."
+  },
+  "billing.resubscribe-modal.error.title": {
+    "defaultMessage": "Error"
+  },
+  "billing.resubscribe-modal.failed-load": {
+    "defaultMessage": "Failed to load subscription details."
+  },
+  "billing.resubscribe-modal.interval.five-days": {
+    "defaultMessage": "/5 days"
+  },
+  "billing.resubscribe-modal.interval.monthly": {
+    "defaultMessage": "/month"
+  },
+  "billing.resubscribe-modal.interval.quarterly": {
+    "defaultMessage": "/quarter"
+  },
+  "billing.resubscribe-modal.interval.yearly": {
+    "defaultMessage": "/year"
+  },
+  "billing.resubscribe-modal.next-charge": {
+    "defaultMessage": "Your next charge will be on <charge-date>{date}</charge-date>."
+  },
+  "billing.resubscribe-modal.plan-label": {
+    "defaultMessage": "Plan"
+  },
+  "billing.resubscribe-modal.ram": {
+    "defaultMessage": "{ramGb} GB RAM"
+  },
+  "billing.resubscribe-modal.resubscribe": {
+    "defaultMessage": "Resubscribe"
+  },
+  "billing.resubscribe-modal.storage": {
+    "defaultMessage": "{storageGb} GB Storage"
+  },
+  "billing.resubscribe-modal.title": {
+    "defaultMessage": "Resubscribe to Server"
+  },
   "button.accept": {
     "defaultMessage": "Accept"
   },
@@ -252,10 +303,7 @@
     "defaultMessage": "Delete {itemType}{count, plural, one {} other {s}}"
   },
   "content.confirm-modpack-update.admonition-body": {
-    "defaultMessage": "Any mods or content you added on top of the modpack will be deleted."
-  },
-  "content.confirm-modpack-update.admonition-body-app": {
-    "defaultMessage": "Any mods or content you added on top of the modpack will be preserved."
+    "defaultMessage": "{action, select, downgrade {Downgrading} other {Updating}} may cause compatibility issues. Mods or content you added on top of the modpack will be kept, but may not be compatible with the new version."
   },
   "content.confirm-modpack-update.admonition-header": {
     "defaultMessage": "{action, select, downgrade {Downgrade} other {Update}} warning"
@@ -635,12 +683,6 @@
   "files.operations.modpack-from-url": {
     "defaultMessage": "modpack from URL"
   },
-  "files.operations.upload-progress": {
-    "defaultMessage": "{uploaded} / {total} ({percent}%)"
-  },
-  "files.operations.uploading-files": {
-    "defaultMessage": "Uploading files ({completed}/{total})"
-  },
   "files.rename-modal.header": {
     "defaultMessage": "Rename {name}"
   },
@@ -908,6 +950,60 @@
   "hosting.content.failed-to-upload": {
     "defaultMessage": "Failed to upload file"
   },
+  "hosting.loader.failed-to-change-version": {
+    "defaultMessage": "Failed to change modpack version"
+  },
+  "hosting.loader.failed-to-load-versions": {
+    "defaultMessage": "Failed to load versions"
+  },
+  "hosting.loader.failed-to-reinstall": {
+    "defaultMessage": "Failed to reinstall modpack"
+  },
+  "hosting.loader.failed-to-repair": {
+    "defaultMessage": "Failed to repair server"
+  },
+  "hosting.loader.failed-to-reset-to-onboarding": {
+    "defaultMessage": "Failed to reset server to onboarding"
+  },
+  "hosting.loader.failed-to-save-settings": {
+    "defaultMessage": "Failed to save installation settings"
+  },
+  "hosting.loader.failed-to-unlink": {
+    "defaultMessage": "Failed to unlink modpack"
+  },
+  "hosting.loader.loader-version": {
+    "defaultMessage": "{loader, select, null {Loader} other {{loader}}} version"
+  },
+  "hosting.loader.repair-started-text": {
+    "defaultMessage": "Your server installation has been repaired."
+  },
+  "hosting.loader.repair-started-title": {
+    "defaultMessage": "Repair completed"
+  },
+  "hosting.loader.reset-server": {
+    "defaultMessage": "Reset server"
+  },
+  "hosting.loader.reset-server-description": {
+    "defaultMessage": "Removes all data on your server, including your worlds, mods, and configuration files. Backups will remain and can be restored."
+  },
+  "hosting.loader.reset-to-onboarding-button": {
+    "defaultMessage": "Reset to onboarding"
+  },
+  "hosting.loader.reset-to-onboarding-modal-description": {
+    "defaultMessage": "This will send the server back into onboarding so setup can be completed again. Are you sure you want to continue?"
+  },
+  "hosting.loader.reset-to-onboarding-modal-title": {
+    "defaultMessage": "Reset to onboarding"
+  },
+  "hosting.loader.reset-to-onboarding-success-description": {
+    "defaultMessage": "The server has been returned to the onboarding flow."
+  },
+  "hosting.loader.reset-to-onboarding-success-title": {
+    "defaultMessage": "Server reset to onboarding"
+  },
+  "hosting.loader.support-options-title": {
+    "defaultMessage": "Support options"
+  },
   "hosting.specs.burst": {
     "defaultMessage": "Bursts up to {cpus} CPUs"
   },
@@ -1227,7 +1323,7 @@
     "defaultMessage": "This mod depends on a client-side mod and may cause issues when starting your server"
   },
   "label.client-only-warning": {
-    "defaultMessage": "This is a client-side mod and may cause issues. We've kept it enabled because some authors mislabel environments, and the loader should resolve the conflict."
+    "defaultMessage": "This is a client-side mod and may cause issues when starting your server"
   },
   "label.client-retained-warning": {
     "defaultMessage": "This is a client-side mod that was installed as a dependency and may cause issues when starting your server"
@@ -2591,6 +2687,240 @@
   "servers.backups.item.restore": {
     "defaultMessage": "Restore"
   },
+  "servers.busy.backup-creating": {
+    "defaultMessage": "Backup creation in progress"
+  },
+  "servers.busy.backup-restoring": {
+    "defaultMessage": "Backup restore in progress"
+  },
+  "servers.busy.installing": {
+    "defaultMessage": "Server is installing"
+  },
+  "servers.busy.syncing-content": {
+    "defaultMessage": "Content sync in progress"
+  },
+  "servers.list-empty.already-have-server-label": {
+    "defaultMessage": "Already have a server?"
+  },
+  "servers.list-empty.learn-more-link": {
+    "defaultMessage": "Learn more about Modrinth Hosting"
+  },
+  "servers.list-empty.modrinth-hosting-label": {
+    "defaultMessage": "Modrinth Hosting"
+  },
+  "servers.list-empty.new-server-button": {
+    "defaultMessage": "New server"
+  },
+  "servers.list-empty.no-servers-description": {
+    "defaultMessage": "Install mods, invite friends, and play together all from the Modrinth App."
+  },
+  "servers.list-empty.no-servers-title": {
+    "defaultMessage": "No servers yet"
+  },
+  "servers.list-empty.one-click-mod-installs-description": {
+    "defaultMessage": "Pick your favourite mods and we handle the rest."
+  },
+  "servers.list-empty.one-click-mod-installs-title": {
+    "defaultMessage": "One-click mod installs"
+  },
+  "servers.list-empty.play-with-friends-description": {
+    "defaultMessage": "Invite friends and get them set up right in the Modrinth App."
+  },
+  "servers.list-empty.play-with-friends-title": {
+    "defaultMessage": "Play with friends"
+  },
+  "servers.list-empty.sign-in-button": {
+    "defaultMessage": "Sign in"
+  },
+  "servers.list-empty.simple-setup-description": {
+    "defaultMessage": "Set up your server just like a single player world."
+  },
+  "servers.list-empty.simple-setup-title": {
+    "defaultMessage": "Simple setup"
+  },
+  "servers.listing.copied-label": {
+    "defaultMessage": "Copied"
+  },
+  "servers.listing.copy-code-tooltip": {
+    "defaultMessage": "Copy code to clipboard"
+  },
+  "servers.listing.copy-id-label": {
+    "defaultMessage": "Copy ID"
+  },
+  "servers.listing.download-latest-backup-tooltip": {
+    "defaultMessage": "Download latest backup"
+  },
+  "servers.listing.manage-billing-label": {
+    "defaultMessage": "Manage billing"
+  },
+  "servers.listing.new-label": {
+    "defaultMessage": "New"
+  },
+  "servers.listing.notice.files-kept-for-download": {
+    "defaultMessage": "Your files will be kept for <days-remaining>{daysRemaining} more {daysRemaining, plural, one {day} other {days} }</days-remaining>. Contact support to download the files before they are deleted. "
+  },
+  "servers.listing.notice.files-preserved-after-cancellation": {
+    "defaultMessage": "Your files will be preserved for 30 days after cancellation."
+  },
+  "servers.listing.notice.moderated": {
+    "defaultMessage": "Your server has been suspended by moderation action. "
+  },
+  "servers.listing.notice.pending-change": {
+    "defaultMessage": "Your server will {verb} to the {planSize} Plan on <date>{formattedDate}</date>. "
+  },
+  "servers.listing.notice.provisioning": {
+    "defaultMessage": "Please wait while we set up your server. This can take up to 10 minutes."
+  },
+  "servers.listing.notice.subscription-cancelled": {
+    "defaultMessage": "Your subscription was cancelled."
+  },
+  "servers.listing.notice.subscription-cancelled-on-date": {
+    "defaultMessage": "Your subscription was cancelled on <date>{formattedDate}</date>. "
+  },
+  "servers.listing.notice.subscription-cancelled-payment-failed": {
+    "defaultMessage": "Your subscription was cancelled due to payment failure."
+  },
+  "servers.listing.notice.subscription-cancelled-payment-failed-on-date": {
+    "defaultMessage": "Your subscription was cancelled on <date>{formattedDate}</date> due to payment failure. "
+  },
+  "servers.listing.notice.subscription-set-to-cancel": {
+    "defaultMessage": "Your subscription is set to cancel."
+  },
+  "servers.listing.notice.subscription-set-to-cancel-on-date": {
+    "defaultMessage": "Your subscription is set to cancel on <date>{formattedDate}</date>. "
+  },
+  "servers.listing.notice.suspended": {
+    "defaultMessage": "Your server has been suspended. Please contact Modrinth Support for more information."
+  },
+  "servers.listing.notice.upgrading": {
+    "defaultMessage": "Your server's hardware is currently being upgraded and will be back online shortly."
+  },
+  "servers.listing.resubscribe-label": {
+    "defaultMessage": "Resubscribe"
+  },
+  "servers.listing.server-icon-alt": {
+    "defaultMessage": "Server icon"
+  },
+  "servers.listing.support-label": {
+    "defaultMessage": "Support"
+  },
+  "servers.listing.using-project-label": {
+    "defaultMessage": "Using {projectTitle}"
+  },
+  "servers.manage.checking-for-new-servers": {
+    "defaultMessage": "Checking for new servers..."
+  },
+  "servers.manage.confirm-leave.body": {
+    "defaultMessage": "A file upload is in progress. Leaving this page will cancel the upload."
+  },
+  "servers.manage.confirm-leave.upload-in-progress": {
+    "defaultMessage": "Upload in progress"
+  },
+  "servers.manage.contact-support-button": {
+    "defaultMessage": "Contact Modrinth Support"
+  },
+  "servers.manage.error.alert-notice": {
+    "defaultMessage": "Our systems automatically alert our team when there's an issue. We are already working on getting them back online."
+  },
+  "servers.manage.error.description": {
+    "defaultMessage": "We may have temporary issues with our servers."
+  },
+  "servers.manage.error.details": {
+    "defaultMessage": "Error details:"
+  },
+  "servers.manage.error.queue-notice": {
+    "defaultMessage": "If you recently purchased your Modrinth Hosting server, it is currently in a queue and will appear here as soon as it's ready. <warning>Do not attempt to purchase a new server.</warning>"
+  },
+  "servers.manage.error.support-notice": {
+    "defaultMessage": "If you require personalized support regarding the status of your server, please contact Modrinth Support."
+  },
+  "servers.manage.error.title": {
+    "defaultMessage": "Servers could not be loaded"
+  },
+  "servers.manage.handle-error.title": {
+    "defaultMessage": "An error occurred"
+  },
+  "servers.manage.loading-servers": {
+    "defaultMessage": "Loading your servers..."
+  },
+  "servers.manage.loading.serverPanel": {
+    "defaultMessage": "Loading your server panel..."
+  },
+  "servers.manage.new-server-button": {
+    "defaultMessage": "New server"
+  },
+  "servers.manage.no-servers-found": {
+    "defaultMessage": "No servers found."
+  },
+  "servers.manage.purchase-unavailable.text": {
+    "defaultMessage": "Payment information is still loading. Opening checkout as soon as it is ready."
+  },
+  "servers.manage.purchase-unavailable.title": {
+    "defaultMessage": "Purchase unavailable"
+  },
+  "servers.manage.reload-button": {
+    "defaultMessage": "Reload"
+  },
+  "servers.manage.resubscribe-error.text": {
+    "defaultMessage": "An error occurred while resubscribing to your Modrinth server."
+  },
+  "servers.manage.resubscribe-error.title": {
+    "defaultMessage": "Error resubscribing"
+  },
+  "servers.manage.resubscribe-submitted.text": {
+    "defaultMessage": "If the server is currently cancelled, it may take up to 10 minutes for another charge attempt to be made."
+  },
+  "servers.manage.resubscribe-submitted.title": {
+    "defaultMessage": "Resubscription request submitted"
+  },
+  "servers.manage.resubscribe-success.text": {
+    "defaultMessage": "Server subscription resubscribed successfully"
+  },
+  "servers.manage.resubscribe-success.title": {
+    "defaultMessage": "Success"
+  },
+  "servers.manage.search-placeholder": {
+    "defaultMessage": "Search {count} {count, plural, one {server} other {servers}}..."
+  },
+  "servers.manage.servers-title": {
+    "defaultMessage": "Modrinth Hosting"
+  },
+  "servers.manage.settings-hint.description": {
+    "defaultMessage": "They can now be found here!"
+  },
+  "servers.manage.settings-hint.dismiss": {
+    "defaultMessage": "Don't show again"
+  },
+  "servers.manage.settings-hint.title": {
+    "defaultMessage": "Your server settings have moved"
+  },
+  "servers.medal-listing.countdown.remaining": {
+    "defaultMessage": "<days-count>{days}</days-count> {days, plural, one {day} other {days}} <hours-count>{hours}</hours-count> {hours, plural, one {hour} other {hours}} <minutes-count>{minutes}</minutes-count> {minutes, plural, one {minute} other {minutes}} <seconds-count>{seconds}</seconds-count> {seconds, plural, one {second} other {seconds}} remaining..."
+  },
+  "servers.medal-listing.new-server-label": {
+    "defaultMessage": "New server"
+  },
+  "servers.medal-listing.notice.medal-trial-ended": {
+    "defaultMessage": "Your Medal server trial has ended and your server has been suspended. Please upgrade to continue using your server."
+  },
+  "servers.medal-listing.notice.suspended": {
+    "defaultMessage": "Your server has been suspended. Please update your billing information or contact Modrinth Support for more information."
+  },
+  "servers.medal-listing.notice.suspended-with-reason": {
+    "defaultMessage": "Your server has been suspended: {reason}. Please update your billing information or contact Modrinth Support for more information."
+  },
+  "servers.medal-listing.notice.upgrading": {
+    "defaultMessage": "Your server's hardware is currently being upgraded and will be back online shortly."
+  },
+  "servers.medal-listing.server-icon-alt": {
+    "defaultMessage": "Server icon"
+  },
+  "servers.medal-listing.upgrade-button": {
+    "defaultMessage": "Upgrade"
+  },
+  "servers.medal-listing.using-project-label": {
+    "defaultMessage": "Using {projectTitle}"
+  },
   "servers.notice.dismiss": {
     "defaultMessage": "Dismiss"
   },
@@ -2618,6 +2948,12 @@
   "servers.notice.undismissable": {
     "defaultMessage": "Undismissable"
   },
+  "servers.purchase.notification.success.text": {
+    "defaultMessage": "Your Modrinth Hosting purchase was completed successfully."
+  },
+  "servers.purchase.notification.success.title": {
+    "defaultMessage": "Purchase success"
+  },
   "servers.purchase.step.payment.description": {
     "defaultMessage": "You won't be charged yet."
   },
@@ -2627,39 +2963,48 @@
   "servers.purchase.step.payment.title": {
     "defaultMessage": "Payment method"
   },
-  "servers.purchase.step.plan.billed": {
-    "defaultMessage": "billed {interval}"
+  "servers.purchase.step.plan.billing-subtitle": {
+    "defaultMessage": "Available in North America, Europe, and Southeast Asia."
   },
   "servers.purchase.step.plan.custom.desc": {
     "defaultMessage": "Pick a customized plan with just the specs you need."
   },
+  "servers.purchase.step.plan.custom.heading": {
+    "defaultMessage": "Know exactly what you need?"
+  },
   "servers.purchase.step.plan.get-started": {
     "defaultMessage": "Get started"
   },
+  "servers.purchase.step.plan.large": {
+    "defaultMessage": "Large"
+  },
   "servers.purchase.step.plan.large.desc": {
     "defaultMessage": "Ideal for 15–25 players, modpacks, or heavy modding."
   },
+  "servers.purchase.step.plan.medium": {
+    "defaultMessage": "Medium"
+  },
   "servers.purchase.step.plan.medium.desc": {
     "defaultMessage": "Great for 6–15 players and multiple mods."
   },
   "servers.purchase.step.plan.most-popular": {
     "defaultMessage": "Most Popular"
   },
-  "servers.purchase.step.plan.prompt": {
-    "defaultMessage": "Choose a plan"
-  },
   "servers.purchase.step.plan.select": {
     "defaultMessage": "Select Plan"
   },
+  "servers.purchase.step.plan.small": {
+    "defaultMessage": "Small"
+  },
   "servers.purchase.step.plan.small.desc": {
     "defaultMessage": "Perfect for 1–5 friends with a few light mods."
   },
-  "servers.purchase.step.plan.subtitle": {
-    "defaultMessage": "Pick the amount of RAM and specs that fit your needs."
-  },
   "servers.purchase.step.plan.title": {
     "defaultMessage": "Plan"
   },
+  "servers.purchase.step.plan.your-current-plan": {
+    "defaultMessage": "Your current plan"
+  },
   "servers.purchase.step.region.title": {
     "defaultMessage": "Region"
   },
diff --git a/packages/ui/src/providers/auth.ts b/packages/ui/src/providers/auth.ts
index b5f68437a..4baac3c7f 100644
--- a/packages/ui/src/providers/auth.ts
+++ b/packages/ui/src/providers/auth.ts
@@ -6,6 +6,8 @@ import { createContext } from './create-context'
 export interface AuthProvider {
 	session_token: Ref<string | null>
 	user: Ref<Labrinth.Users.v2.User | null>
+	/** True once the initial auth check has completed (regardless of result). */
+	isReady?: Ref<boolean>
 	requestSignIn: (redirectPath: string) => void | Promise<void>
 }
 
diff --git a/packages/ui/src/providers/hosting-purchase-intent.ts b/packages/ui/src/providers/hosting-purchase-intent.ts
new file mode 100644
index 000000000..a40ed004c
--- /dev/null
+++ b/packages/ui/src/providers/hosting-purchase-intent.ts
@@ -0,0 +1,189 @@
+import type { Labrinth } from '@modrinth/api-client'
+import { type Ref, ref, watch } from 'vue'
+
+import { createContext } from '.'
+
+const PURCHASE_INTENT_STORAGE_KEY = 'modrinth:servers-purchase-intent'
+
+export type ServerBillingInterval = 'monthly' | 'quarterly' | 'yearly'
+
+export type PendingPurchaseIntent = {
+	interval: ServerBillingInterval
+	planId: string | null
+	source: string
+	ts: number
+}
+
+export type GuestPlanContinuePayload = {
+	interval: ServerBillingInterval
+	planId: string | null
+}
+
+export type CheckoutModalHandle = {
+	show: (interval: ServerBillingInterval, plan?: Labrinth.Billing.Internal.Product | null) => void
+}
+
+export type GuestPlanModalHandle = {
+	show: (initialInterval?: ServerBillingInterval, initialPlanId?: string | null) => void
+}
+
+export interface HostingPurchaseIntentContext {
+	openPurchaseModal: () => void
+	handleGuestPlanContinue: (payload: GuestPlanContinuePayload) => void
+	clearPurchaseIntent: () => void
+}
+
+export interface CreateHostingPurchaseIntentContextOptions {
+	authRequestSignIn: (redirectPath: string) => void | Promise<void>
+	signInRedirectPath: string
+	intentSource: string
+	loggedIn: Readonly<Ref<boolean>>
+	availableProducts: Readonly<Ref<Labrinth.Billing.Internal.Product[]>>
+	canOpenCheckout: Readonly<Ref<boolean>>
+	guestPlanModal: Ref<GuestPlanModalHandle | null>
+	checkoutModal: Ref<CheckoutModalHandle | null>
+	onCheckoutPending: () => void
+}
+
+function readPendingPurchaseIntent(): PendingPurchaseIntent | null {
+	if (typeof window === 'undefined') return null
+	const rawIntent = window.sessionStorage.getItem(PURCHASE_INTENT_STORAGE_KEY)
+	if (!rawIntent) return null
+
+	try {
+		const parsedIntent = JSON.parse(rawIntent) as Partial<PendingPurchaseIntent>
+		if (
+			(parsedIntent.interval === 'monthly' ||
+				parsedIntent.interval === 'quarterly' ||
+				parsedIntent.interval === 'yearly') &&
+			(parsedIntent.planId === null || typeof parsedIntent.planId === 'string') &&
+			typeof parsedIntent.source === 'string' &&
+			typeof parsedIntent.ts === 'number'
+		) {
+			return parsedIntent as PendingPurchaseIntent
+		}
+	} catch {
+		return null
+	}
+
+	return null
+}
+
+function writePendingPurchaseIntent(intent: PendingPurchaseIntent) {
+	if (typeof window === 'undefined') return
+	window.sessionStorage.setItem(PURCHASE_INTENT_STORAGE_KEY, JSON.stringify(intent))
+}
+
+function clearStoredPurchaseIntent() {
+	if (typeof window === 'undefined') return
+	window.sessionStorage.removeItem(PURCHASE_INTENT_STORAGE_KEY)
+}
+
+export function createHostingPurchaseIntentContext(
+	options: CreateHostingPurchaseIntentContextOptions,
+): HostingPurchaseIntentContext {
+	const lastSelectedInterval = ref<ServerBillingInterval>('quarterly')
+	const lastSelectedPlanId = ref<string | null | undefined>(undefined)
+	const pendingResumeIntent = ref<PendingPurchaseIntent | null>(null)
+
+	function openCheckoutFromIntent(intent: PendingPurchaseIntent): boolean {
+		if (!options.checkoutModal.value || !options.canOpenCheckout.value) return false
+
+		lastSelectedInterval.value = intent.interval
+		lastSelectedPlanId.value = intent.planId
+
+		const defaultPlan =
+			options.availableProducts.value.find(
+				(product) => product?.metadata?.type === 'pyro' && product.metadata.ram === 6144,
+			) ??
+			options.availableProducts.value.find((product) => product?.metadata?.type === 'pyro') ??
+			options.availableProducts.value[0]
+
+		const selectedPlan =
+			intent.planId === null
+				? null
+				: (options.availableProducts.value.find((product) => product.id === intent.planId) ??
+					defaultPlan)
+
+		options.checkoutModal.value.show(intent.interval, selectedPlan)
+		return true
+	}
+
+	function openPurchaseModal() {
+		options.guestPlanModal.value?.show(lastSelectedInterval.value, lastSelectedPlanId.value)
+	}
+
+	function handleGuestPlanContinue(payload: GuestPlanContinuePayload) {
+		const intent: PendingPurchaseIntent = {
+			interval: payload.interval,
+			planId: payload.planId,
+			source: options.intentSource,
+			ts: Date.now(),
+		}
+
+		lastSelectedInterval.value = payload.interval
+		lastSelectedPlanId.value = payload.planId
+
+		if (!options.loggedIn.value) {
+			writePendingPurchaseIntent(intent)
+			void options.authRequestSignIn(options.signInRedirectPath)
+			return
+		}
+
+		pendingResumeIntent.value = intent
+		if (openCheckoutFromIntent(intent)) {
+			pendingResumeIntent.value = null
+		} else {
+			options.onCheckoutPending()
+		}
+	}
+
+	function clearPurchaseIntent() {
+		clearStoredPurchaseIntent()
+		pendingResumeIntent.value = null
+		lastSelectedInterval.value = 'quarterly'
+		lastSelectedPlanId.value = undefined
+	}
+
+	watch(
+		options.loggedIn,
+		(isLoggedIn) => {
+			if (!isLoggedIn) return
+
+			const pendingIntent = readPendingPurchaseIntent()
+			if (!pendingIntent || pendingIntent.source !== options.intentSource) return
+
+			clearStoredPurchaseIntent()
+			pendingResumeIntent.value = pendingIntent
+			lastSelectedInterval.value = pendingIntent.interval
+			lastSelectedPlanId.value = pendingIntent.planId
+		},
+		{ immediate: true },
+	)
+
+	watch(
+		() =>
+			[
+				options.loggedIn.value,
+				options.canOpenCheckout.value,
+				pendingResumeIntent.value,
+				options.checkoutModal.value,
+			] as const,
+		([isLoggedIn, canOpen, pendingIntent]) => {
+			if (!isLoggedIn || !canOpen || !pendingIntent) return
+			if (openCheckoutFromIntent(pendingIntent)) {
+				pendingResumeIntent.value = null
+			}
+		},
+		{ immediate: true },
+	)
+
+	return {
+		openPurchaseModal,
+		handleGuestPlanContinue,
+		clearPurchaseIntent,
+	}
+}
+
+export const [injectHostingPurchaseIntent, provideHostingPurchaseIntent] =
+	createContext<HostingPurchaseIntentContext>('HostingManagePage', 'hostingPurchaseIntent')
diff --git a/packages/ui/src/providers/index.ts b/packages/ui/src/providers/index.ts
index 2c45450ba..9c5fcf874 100644
--- a/packages/ui/src/providers/index.ts
+++ b/packages/ui/src/providers/index.ts
@@ -4,6 +4,7 @@ export * from './auth'
 export * from './content-manager'
 export { createContext } from './create-context'
 export * from './file-picker'
+export * from './hosting-purchase-intent'
 export * from './i18n'
 export * from './instance-import'
 export * from './modal-behavior'
@@ -12,5 +13,6 @@ export * from './popup-notifications'
 export * from './project-page'
 export * from './project-page-new'
 export * from './server-context'
+export * from './server-settings-modal'
 export * from './tags'
 export * from './web-notifications'
diff --git a/packages/ui/src/providers/page-context.ts b/packages/ui/src/providers/page-context.ts
index 9b77cd8ba..ddac32329 100644
--- a/packages/ui/src/providers/page-context.ts
+++ b/packages/ui/src/providers/page-context.ts
@@ -6,6 +6,7 @@ export interface PageContext {
 	// pages may render sidebar content in #sidebar-teleport-target instead of in the main layout when true
 	hierarchicalSidebarAvailable: Ref<boolean>
 	showAds: Ref<boolean>
+	openExternalUrl: (url: string) => void
 }
 
 export const [injectPageContext, providePageContext] = createContext<PageContext>(
diff --git a/packages/ui/src/providers/server-context.ts b/packages/ui/src/providers/server-context.ts
index a98b0075b..2c6cd84e5 100644
--- a/packages/ui/src/providers/server-context.ts
+++ b/packages/ui/src/providers/server-context.ts
@@ -1,7 +1,9 @@
-import type { Archon } from '@modrinth/api-client'
+import type { Archon, UploadState } from '@modrinth/api-client'
+import type { Stats } from '@modrinth/utils'
 import type { ComputedRef, Reactive, Ref } from 'vue'
 
 import type { MessageDescriptor } from '#ui/composables/i18n'
+import type { FileOperation } from '#ui/layouts/shared/files-tab/types'
 
 import { createContext } from '.'
 
@@ -34,8 +36,12 @@ export interface ModrinthServerContext {
 
 	// Websocket state
 	readonly isConnected: Ref<boolean>
+	readonly isWsAuthIncorrect: Ref<boolean>
 	readonly powerState: Ref<Archon.Websocket.v0.PowerState>
+	readonly powerStateDetails: Ref<{ oom_killed?: boolean; exit_code?: number } | undefined>
 	readonly isServerRunning: ComputedRef<boolean>
+	readonly stats: Ref<Stats>
+	readonly uptimeSeconds: Ref<number>
 	readonly backupsState: Reactive<BackupsState>
 	markBackupCancelled: (backupId: string) => void
 
@@ -50,6 +56,14 @@ export interface ModrinthServerContext {
 	readonly fsOps: Ref<Archon.Websocket.v0.FilesystemOperation[]>
 	readonly fsQueuedOps: Ref<Archon.Websocket.v0.QueuedFilesystemOp[]>
 	refreshFsAuth: () => Promise<void>
+
+	// File upload state
+	readonly uploadState: Ref<UploadState>
+	readonly cancelUpload: Ref<(() => void) | null>
+
+	// File operations (extract, move, etc.)
+	readonly activeOperations: ComputedRef<FileOperation[]>
+	dismissOperation: (opId: string, action: 'dismiss' | 'cancel') => Promise<void>
 }
 
 export const [injectModrinthServerContext, provideModrinthServerContext] =
diff --git a/packages/ui/src/providers/server-settings-modal.ts b/packages/ui/src/providers/server-settings-modal.ts
new file mode 100644
index 000000000..71eeac14f
--- /dev/null
+++ b/packages/ui/src/providers/server-settings-modal.ts
@@ -0,0 +1,17 @@
+import type { ServerSettingsTabId } from '#ui/layouts/shared/server-settings'
+
+import { createContext } from './create-context'
+
+export interface BrowseServerContentArgs {
+	serverId: string
+	worldId: string | null
+	type: 'mod' | 'plugin' | 'datapack'
+}
+
+export interface ServerSettingsModalContext {
+	openServerSettings: (options?: { tabId?: ServerSettingsTabId }) => void
+	browseServerContent?: (args: BrowseServerContentArgs) => void | Promise<void>
+}
+
+export const [injectServerSettingsModal, provideServerSettingsModal] =
+	createContext<ServerSettingsModalContext>('root.vue', 'serverSettingsModalContext')
diff --git a/packages/ui/src/stories/base/ButtonStyled.stories.ts b/packages/ui/src/stories/base/ButtonStyled.stories.ts
index 52a83c170..852ceab11 100644
--- a/packages/ui/src/stories/base/ButtonStyled.stories.ts
+++ b/packages/ui/src/stories/base/ButtonStyled.stories.ts
@@ -1,18 +1,68 @@
+import { DownloadIcon, HeartIcon, SettingsIcon } from '@modrinth/assets'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 
 import ButtonStyled from '../../components/base/ButtonStyled.vue'
 
+const colors = ['standard', 'brand', 'red', 'orange', 'green', 'blue', 'purple'] as const
+const types = [
+	'standard',
+	'outlined',
+	'transparent',
+	'highlight',
+	'highlight-colored-text',
+	'chip',
+] as const
+const sizes = ['small', 'standard', 'large'] as const
+
 const meta = {
 	title: 'Base/ButtonStyled',
 	component: ButtonStyled,
+	argTypes: {
+		color: {
+			control: 'select',
+			options: [...colors, 'medal-promo'],
+		},
+		size: {
+			control: 'select',
+			options: [...sizes],
+		},
+		type: {
+			control: 'select',
+			options: [...types],
+		},
+		circular: { control: 'boolean' },
+		colorFill: {
+			control: 'select',
+			options: ['auto', 'background', 'text', 'none'],
+		},
+		hoverColorFill: {
+			control: 'select',
+			options: ['auto', 'background', 'text', 'none'],
+		},
+		highlighted: { control: 'boolean' },
+		highlightedStyle: {
+			control: 'select',
+			options: ['main-nav-primary', 'main-nav-secondary'],
+		},
+	},
+	args: {
+		color: 'standard',
+		size: 'standard',
+		type: 'standard',
+		circular: false,
+		colorFill: 'auto',
+		hoverColorFill: 'auto',
+		highlighted: false,
+		highlightedStyle: 'main-nav-primary',
+	},
 	render: (args) => ({
-		components: { ButtonStyled },
+		components: { ButtonStyled, DownloadIcon },
 		setup() {
 			return { args }
 		},
 		template: /*html*/ `
 			<ButtonStyled v-bind="args">
-				<button @click="()=>{}">Button</button>
+				<button><DownloadIcon /> Button</button>
 			</ButtonStyled>
 		`,
 	}),
@@ -21,53 +71,155 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Default: Story = {}
+export const Default: Story = {
+	args: {
+		type: 'standard',
+	},
+}
 
-// All colors showcase
-export const AllColors: Story = {
+export const AllVariants: Story = {
 	render: () => ({
 		components: { ButtonStyled },
+		setup() {
+			return { colors, types }
+		},
 		template: /*html*/ `
-			<div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;">
-				<ButtonStyled color="standard"><button>Standard</button></ButtonStyled>
-				<ButtonStyled color="brand"><button>Brand</button></ButtonStyled>
-				<ButtonStyled color="red"><button>Red</button></ButtonStyled>
-				<ButtonStyled color="orange"><button>Orange</button></ButtonStyled>
-				<ButtonStyled color="green"><button>Green</button></ButtonStyled>
-				<ButtonStyled color="blue"><button>Blue</button></ButtonStyled>
-				<ButtonStyled color="purple"><button>Purple</button></ButtonStyled>
+			<div style="overflow-x: auto;">
+				<table style="border-collapse: collapse; width: 100%;">
+					<thead>
+						<tr>
+							<th style="padding: 0.5rem 1rem; text-align: left; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">Color / Type</th>
+							<th v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">{{ type }}</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr v-for="color in colors" :key="color" style="border-top: 1px solid var(--color-surface-5);">
+							<td style="padding: 0.5rem 1rem; font-weight: 600; font-size: 0.875rem;">{{ color }}</td>
+							<td v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center;">
+								<ButtonStyled :color="color" :type="type">
+									<button>Button</button>
+								</ButtonStyled>
+							</td>
+						</tr>
+					</tbody>
+				</table>
 			</div>
 		`,
 	}),
 }
 
-// All sizes showcase
-export const AllSizes: Story = {
+export const AllVariantsHighlighted: Story = {
 	render: () => ({
 		components: { ButtonStyled },
+		setup() {
+			return { colors, types }
+		},
 		template: /*html*/ `
-			<div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;">
-				<ButtonStyled size="small" color="standard"><button>Small</button></ButtonStyled>
-				<ButtonStyled size="standard" color="standard"><button>Standard</button></ButtonStyled>
-				<ButtonStyled size="large" color="standard"><button>Large</button></ButtonStyled>
+			<div style="overflow-x: auto;">
+				<table style="border-collapse: collapse; width: 100%;">
+					<thead>
+						<tr>
+							<th style="padding: 0.5rem 1rem; text-align: left; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">Color / Type</th>
+							<th v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">{{ type }}</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr v-for="color in colors" :key="color" style="border-top: 1px solid var(--color-surface-5);">
+							<td style="padding: 0.5rem 1rem; font-weight: 600; font-size: 0.875rem;">{{ color }}</td>
+							<td v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center;">
+								<ButtonStyled :color="color" :type="type" highlighted>
+									<button>Button</button>
+								</ButtonStyled>
+							</td>
+						</tr>
+					</tbody>
+				</table>
 			</div>
 		`,
 	}),
 }
 
-// All types showcase
-export const AllTypes: Story = {
+export const Sizes: Story = {
 	render: () => ({
 		components: { ButtonStyled },
+		setup() {
+			return { sizes, types }
+		},
 		template: /*html*/ `
-			<div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;">
-				<ButtonStyled type="standard" color="standard"><button>Standard</button></ButtonStyled>
-				<ButtonStyled type="outlined" color="standard"><button>Outlined</button></ButtonStyled>
-				<ButtonStyled type="transparent" color="standard"><button>Transparent</button></ButtonStyled>
-				<ButtonStyled type="highlight" color="standard"><button>Highlight</button></ButtonStyled>
-				<ButtonStyled type="highlight-colored-text" color="standard"><button>Highlight Colored</button></ButtonStyled>
-				<ButtonStyled type="chip" color="standard"><button>Chip</button></ButtonStyled>
-				<ButtonStyled color="standard"><button disabled>Disabled</button></ButtonStyled>
+			<div style="overflow-x: auto;">
+				<table style="border-collapse: collapse; width: 100%;">
+					<thead>
+						<tr>
+							<th style="padding: 0.5rem 1rem; text-align: left; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">Size / Type</th>
+							<th v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">{{ type }}</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr v-for="size in sizes" :key="size" style="border-top: 1px solid var(--color-surface-5);">
+							<td style="padding: 0.5rem 1rem; font-weight: 600; font-size: 0.875rem;">{{ size }}</td>
+							<td v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center;">
+								<ButtonStyled :size="size" :type="type" color="brand">
+									<button>Button</button>
+								</ButtonStyled>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		`,
+	}),
+}
+
+export const WithIcons: Story = {
+	render: () => ({
+		components: { ButtonStyled, DownloadIcon, HeartIcon, SettingsIcon },
+		setup() {
+			return { types }
+		},
+		template: /*html*/ `
+			<div style="overflow-x: auto;">
+				<table style="border-collapse: collapse; width: 100%;">
+					<thead>
+						<tr>
+							<th style="padding: 0.5rem 1rem; text-align: left; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">Variant</th>
+							<th v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center; font-size: 0.75rem; text-transform: uppercase; color: var(--color-secondary);">{{ type }}</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr style="border-top: 1px solid var(--color-surface-5);">
+							<td style="padding: 0.5rem 1rem; font-weight: 600; font-size: 0.875rem;">Icon + text</td>
+							<td v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center;">
+								<ButtonStyled :type="type" color="brand">
+									<button><DownloadIcon /> Download</button>
+								</ButtonStyled>
+							</td>
+						</tr>
+						<tr style="border-top: 1px solid var(--color-surface-5);">
+							<td style="padding: 0.5rem 1rem; font-weight: 600; font-size: 0.875rem;">Icon only</td>
+							<td v-for="type in types" :key="type" style="padding: 0.5rem 1rem; text-align: center;">
+								<ButtonStyled :type="type" color="brand" circular>
+									<button><HeartIcon /></button>
+								</ButtonStyled>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		`,
+	}),
+}
+
+export const Disabled: Story = {
+	render: () => ({
+		components: { ButtonStyled },
+		setup() {
+			return { types }
+		},
+		template: /*html*/ `
+			<div style="display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;">
+				<ButtonStyled v-for="type in types" :key="type" :type="type" color="brand">
+					<button disabled>{{ type }}</button>
+				</ButtonStyled>
 			</div>
 		`,
 	}),
diff --git a/packages/ui/src/stories/modal/ShareModal.stories.ts b/packages/ui/src/stories/modal/ShareModal.stories.ts
new file mode 100644
index 000000000..10b07701f
--- /dev/null
+++ b/packages/ui/src/stories/modal/ShareModal.stories.ts
@@ -0,0 +1,67 @@
+import type { StoryObj } from '@storybook/vue3-vite'
+import { ref } from 'vue'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import ShareModal from '../../components/modal/ShareModal.vue'
+
+const meta = {
+	title: 'Modal/ShareModal',
+	component: ShareModal,
+}
+
+export default meta
+type Story = StoryObj<typeof ShareModal>
+
+export const LinkShare: Story = {
+	args: {
+		header: 'Share link',
+		shareTitle: 'Modrinth',
+		shareText: 'Check this out on Modrinth',
+		link: true,
+	},
+	render: (args) => ({
+		components: { ShareModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ShareModal> | null>(null)
+			const openModal = () => {
+				modalRef.value?.show('https://modrinth.com')
+			}
+			return { args, modalRef, openModal }
+		},
+		template: `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Open Link Share Modal</button>
+				</ButtonStyled>
+				<ShareModal ref="modalRef" v-bind="args" />
+			</div>
+		`,
+	}),
+}
+
+export const TextShare: Story = {
+	args: {
+		header: 'Share text',
+		shareTitle: 'Modrinth',
+		shareText: 'Invite your friends to try Modrinth.',
+		link: false,
+	},
+	render: (args) => ({
+		components: { ShareModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof ShareModal> | null>(null)
+			const openModal = () => {
+				modalRef.value?.show('https://modrinth.com')
+			}
+			return { args, modalRef, openModal }
+		},
+		template: `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="openModal">Open Text Share Modal</button>
+				</ButtonStyled>
+				<ShareModal ref="modalRef" v-bind="args" />
+			</div>
+		`,
+	}),
+}
diff --git a/packages/ui/src/stories/modal/UploadProgressModal.stories.ts b/packages/ui/src/stories/modal/UploadProgressModal.stories.ts
new file mode 100644
index 000000000..5f8283015
--- /dev/null
+++ b/packages/ui/src/stories/modal/UploadProgressModal.stories.ts
@@ -0,0 +1,95 @@
+import type { UploadHandle, UploadProgress } from '@modrinth/api-client'
+import type { StoryObj } from '@storybook/vue3-vite'
+import { ref } from 'vue'
+
+import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import UploadProgressModal from '../../components/modal/UploadProgressModal.vue'
+
+const meta = {
+	title: 'Modal/UploadProgressModal',
+	component: UploadProgressModal,
+}
+
+export default meta
+type Story = StoryObj<typeof UploadProgressModal>
+
+function createMockUploadHandle(totalBytes: number, durationMs: number): UploadHandle<void> {
+	let progressCallback: ((progress: UploadProgress) => void) | null = null
+	let cancelled = false
+
+	const promise = new Promise<void>((resolve, reject) => {
+		const startTime = Date.now()
+		const interval = setInterval(() => {
+			if (cancelled) {
+				clearInterval(interval)
+				reject(new Error('Upload cancelled'))
+				return
+			}
+			const elapsed = Date.now() - startTime
+			const progress = Math.min(elapsed / durationMs, 1)
+			const loaded = Math.round(totalBytes * progress)
+			progressCallback?.({ loaded, total: totalBytes, progress })
+			if (progress >= 1) {
+				clearInterval(interval)
+				resolve()
+			}
+		}, 50)
+	})
+
+	const handle: UploadHandle<void> = {
+		promise,
+		onProgress(callback) {
+			progressCallback = callback
+			return handle
+		},
+		cancel() {
+			cancelled = true
+		},
+	}
+
+	return handle
+}
+
+export const Default: Story = {
+	render: () => ({
+		components: { UploadProgressModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof UploadProgressModal> | null>(null)
+			const startUpload = () => {
+				const handle = createMockUploadHandle(50 * 1024 * 1024, 3000)
+				modalRef.value?.track(handle)
+			}
+			return { modalRef, startUpload }
+		},
+		template: `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="startUpload">Upload 50MB file (3s)</button>
+				</ButtonStyled>
+				<UploadProgressModal ref="modalRef" />
+			</div>
+		`,
+	}),
+}
+
+export const LargeFile: Story = {
+	render: () => ({
+		components: { UploadProgressModal, ButtonStyled },
+		setup() {
+			const modalRef = ref<InstanceType<typeof UploadProgressModal> | null>(null)
+			const startUpload = () => {
+				const handle = createMockUploadHandle(500 * 1024 * 1024, 8000)
+				modalRef.value?.track(handle)
+			}
+			return { modalRef, startUpload }
+		},
+		template: `
+			<div>
+				<ButtonStyled color="brand">
+					<button @click="startUpload">Upload 500MB file (8s)</button>
+				</ButtonStyled>
+				<UploadProgressModal ref="modalRef" />
+			</div>
+		`,
+	}),
+}
diff --git a/packages/ui/src/stories/servers/EditServerIcon.stories.ts b/packages/ui/src/stories/servers/EditServerIcon.stories.ts
new file mode 100644
index 000000000..e93ddc154
--- /dev/null
+++ b/packages/ui/src/stories/servers/EditServerIcon.stories.ts
@@ -0,0 +1,94 @@
+import type { Archon, UploadState } from '@modrinth/api-client'
+import type { Stats } from '@modrinth/utils'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import { computed, reactive, ref } from 'vue'
+
+import EditServerIcon from '../../components/servers/edit-server-icon/EditServerIcon.vue'
+import { provideModrinthServerContext } from '../../providers'
+import type { ModrinthServerContext } from '../../providers/server-context'
+
+const meta = {
+	title: 'Servers/EditServerIcon',
+	component: EditServerIcon,
+	parameters: {
+		layout: 'padded',
+	},
+	decorators: [
+		(story) => ({
+			components: { story },
+			setup() {
+				const server = ref({
+					server_id: 'story-server-id',
+					upstream: null,
+				} as Archon.Servers.v0.Server)
+
+				const stats = ref<Stats>({
+					current: {
+						cpu_percent: 0,
+						ram_usage_bytes: 0,
+						ram_total_bytes: 1,
+						storage_usage_bytes: 0,
+						storage_total_bytes: 0,
+					},
+					past: {
+						cpu_percent: 0,
+						ram_usage_bytes: 0,
+						ram_total_bytes: 1,
+						storage_usage_bytes: 0,
+						storage_total_bytes: 0,
+					},
+					graph: {
+						cpu: [],
+						ram: [],
+					},
+				})
+
+				const uploadState = ref<UploadState>({
+					isUploading: false,
+					currentFileName: null,
+					currentFileProgress: 0,
+					uploadedBytes: 0,
+					totalBytes: 0,
+					completedFiles: 0,
+					totalFiles: 0,
+				})
+
+				const serverContext: ModrinthServerContext = {
+					get serverId() {
+						return 'story-server-id'
+					},
+					worldId: ref(null),
+					server,
+					isConnected: ref(true),
+					isWsAuthIncorrect: ref(false),
+					powerState: ref('running'),
+					powerStateDetails: ref(undefined),
+					isServerRunning: computed(() => true),
+					stats,
+					uptimeSeconds: ref(0),
+					backupsState: reactive(new Map()),
+					markBackupCancelled: () => {},
+					isSyncingContent: ref(false),
+					busyReasons: computed(() => []),
+					fsAuth: ref(null),
+					fsOps: ref<Archon.Websocket.v0.FilesystemOperation[]>([]),
+					fsQueuedOps: ref<Archon.Websocket.v0.QueuedFilesystemOp[]>([]),
+					refreshFsAuth: async () => {},
+					uploadState,
+					cancelUpload: ref(null),
+					activeOperations: computed(() => []),
+					dismissOperation: async () => {},
+				}
+
+				provideModrinthServerContext(serverContext)
+			},
+			template: '<div style="max-width: 320px;"><story /></div>',
+		}),
+	],
+} satisfies Meta<typeof EditServerIcon>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}
diff --git a/packages/ui/src/stories/servers/MedalServerListing.stories.ts b/packages/ui/src/stories/servers/MedalServerListing.stories.ts
new file mode 100644
index 000000000..9073f5546
--- /dev/null
+++ b/packages/ui/src/stories/servers/MedalServerListing.stories.ts
@@ -0,0 +1,85 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import MedalServerListing from '../../components/servers/marketing/MedalServerListing.vue'
+
+const baseMedalServer = {
+	server_id: '8759b459-6f9e-49e0-aa70-dfab5b2abb2f',
+	name: 'Medal Trial Server',
+	status: 'available',
+	game: 'Minecraft',
+	mc_version: '1.21.5',
+	loader: 'Fabric',
+	loader_version: '0.16.14',
+	net: {
+		ip: '203.0.113.42',
+		port: 25565,
+		domain: 'play',
+	},
+	medal_expires: new Date(Date.now() + 3 * 24 * 60 * 60 * 1000).toISOString(),
+} as const
+
+const meta = {
+	title: 'Servers/MedalServerListing',
+	component: MedalServerListing,
+	parameters: {
+		layout: 'padded',
+	},
+	decorators: [
+		(story) => ({
+			components: { story },
+			template: '<div style="max-width: 920px;"><story /></div>',
+		}),
+	],
+} satisfies Meta<typeof MedalServerListing>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+	args: {
+		...baseMedalServer,
+	},
+}
+
+export const ConfiguringNewServer: Story = {
+	args: {
+		...baseMedalServer,
+		name: 'New Medal Server',
+		flows: { intro: true },
+	},
+}
+
+export const SuspendedUpgrading: Story = {
+	args: {
+		...baseMedalServer,
+		name: 'Upgrading Server',
+		status: 'suspended',
+		suspension_reason: 'upgrading',
+	},
+}
+
+export const SuspendedCancelled: Story = {
+	args: {
+		...baseMedalServer,
+		name: 'Expired Trial Server',
+		status: 'suspended',
+		suspension_reason: 'cancelled',
+	},
+}
+
+export const SuspendedWithReason: Story = {
+	args: {
+		...baseMedalServer,
+		name: 'Suspended Server',
+		status: 'suspended',
+		suspension_reason: 'moderated',
+	},
+}
+
+export const SuspendedGeneric: Story = {
+	args: {
+		...baseMedalServer,
+		name: 'Suspended Server',
+		status: 'suspended',
+	},
+}
diff --git a/packages/ui/src/stories/servers/SaveBanner.stories.ts b/packages/ui/src/stories/servers/SaveBanner.stories.ts
new file mode 100644
index 000000000..4985ef73a
--- /dev/null
+++ b/packages/ui/src/stories/servers/SaveBanner.stories.ts
@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import SaveBanner from '../../components/servers/SaveBanner.vue'
+
+const meta = {
+	title: 'Servers/SaveBanner',
+	component: SaveBanner,
+	parameters: {
+		layout: 'fullscreen',
+	},
+	args: {
+		isVisible: true,
+		isUpdating: false,
+		restart: false,
+		serverId: 'server_123',
+		save: () => {},
+		reset: () => {},
+	},
+} satisfies Meta<typeof SaveBanner>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}
+
+export const Saving: Story = {
+	args: {
+		isUpdating: true,
+	},
+}
+
+export const WithRestart: Story = {
+	args: {
+		restart: true,
+	},
+}
diff --git a/packages/ui/src/stories/servers/ServerListEmpty.stories.ts b/packages/ui/src/stories/servers/ServerListEmpty.stories.ts
new file mode 100644
index 000000000..70ce13203
--- /dev/null
+++ b/packages/ui/src/stories/servers/ServerListEmpty.stories.ts
@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ServerListEmpty from '../../components/servers/server-list-empty/ServerListEmpty.vue'
+
+const meta = {
+	title: 'Servers/ServerListEmpty',
+	component: ServerListEmpty,
+	parameters: {
+		layout: 'centered',
+	},
+} satisfies Meta<typeof ServerListEmpty>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}
diff --git a/packages/ui/src/stories/servers/ServerListing.stories.ts b/packages/ui/src/stories/servers/ServerListing.stories.ts
new file mode 100644
index 000000000..d1fff6190
--- /dev/null
+++ b/packages/ui/src/stories/servers/ServerListing.stories.ts
@@ -0,0 +1,158 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ServerListing from '../../components/servers/ServerListing.vue'
+
+const baseServer = {
+	server_id: '8759b459-6f9e-49e0-aa70-dfab5b2abb2f',
+	name: 'Survival SMP',
+	status: 'available',
+	game: 'Minecraft',
+	mc_version: '1.21.5',
+	loader: 'Fabric',
+	loader_version: '0.16.14',
+	net: {
+		ip: '203.0.113.42',
+		port: 25565,
+		domain: 'play',
+	},
+} as const
+
+const pendingChange = {
+	planSize: 'Performance 8 GB',
+	cpu: 4,
+	cpuBurst: 6,
+	ramGb: 8,
+	storageGb: 80,
+	date: new Date(Date.now() + 5 * 24 * 60 * 60 * 1000).toISOString(),
+	verb: 'Upgrade',
+} as const
+
+const meta = {
+	title: 'Servers/ServerListing',
+	component: ServerListing,
+	parameters: {
+		layout: 'padded',
+	},
+	decorators: [
+		(story) => ({
+			components: { story },
+			template: '<div style="max-width: 920px;"><story /></div>',
+		}),
+	],
+} satisfies Meta<typeof ServerListing>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+	args: {
+		...baseServer,
+	},
+}
+
+export const ConfiguringNewServer: Story = {
+	args: {
+		...baseServer,
+		name: 'Fresh Vanilla World',
+		status: 'installing',
+		flows: { intro: true },
+		loader: 'Vanilla',
+		loader_version: null,
+	},
+}
+
+export const WithPendingDowngrade: Story = {
+	args: {
+		...baseServer,
+		name: 'Competitive UHC',
+		pendingChange: {
+			...pendingChange,
+			planSize: 'Small',
+			ramGb: 4,
+			storageGb: 40,
+			cpuBurst: 4,
+			verb: 'Downgrade',
+		},
+	},
+}
+
+export const SuspendedUpgrading: Story = {
+	args: {
+		...baseServer,
+		name: 'Creative Build Team',
+		status: 'suspended',
+		suspension_reason: 'upgrading',
+	},
+}
+
+export const Provisioning: Story = {
+	args: {
+		...baseServer,
+		name: 'My New Server',
+		isProvisioning: true,
+	},
+}
+
+export const SetToCancel: Story = {
+	args: {
+		...baseServer,
+		name: 'Survival SMP',
+		cancellationDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),
+		onResubscribe: () => alert('Resubscribe clicked'),
+		onDownloadBackup: () => alert('Download backup clicked'),
+	},
+}
+
+export const SuspendedCancelled: Story = {
+	args: {
+		...baseServer,
+		name: 'Old Event Server',
+		status: 'suspended',
+		suspension_reason: 'cancelled',
+		cancellationDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
+		onResubscribe: () => alert('Resubscribe clicked'),
+		onDownloadBackup: () => alert('Download backup clicked'),
+	},
+}
+
+export const SuspendedCancelledFilesExpired: Story = {
+	args: {
+		...baseServer,
+		onDownloadBackup: null,
+		name: 'Old Event Server',
+		status: 'suspended',
+		suspension_reason: 'cancelled',
+		cancellationDate: new Date(2025, 1, 17).toISOString(),
+		onResubscribe: () => alert('Resubscribe clicked'),
+	},
+}
+
+export const SuspendedPaymentFailed: Story = {
+	args: {
+		...baseServer,
+		name: 'Minigames Network',
+		status: 'suspended',
+		suspension_reason: 'paymentfailed',
+		cancellationDate: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
+		onDownloadBackup: () => alert('Download backup clicked'),
+	},
+}
+
+export const SuspendedModerated: Story = {
+	args: {
+		...baseServer,
+		name: 'Banned Server',
+		status: 'suspended',
+		suspension_reason: 'moderated',
+		onDownloadBackup: () => alert('Download backup clicked'),
+	},
+}
+
+export const SuspendedGeneric: Story = {
+	args: {
+		...baseServer,
+		name: 'Server with other suspension reason',
+		status: 'suspended',
+		onDownloadBackup: () => alert('Download backup clicked'),
+	},
+}
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index fe61d1e78..ee476c3a4 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -403,8 +403,7 @@ export const commonMessages = defineMessages({
 	},
 	clientOnlyWarning: {
 		id: 'label.client-only-warning',
-		defaultMessage:
-			"This is a client-side mod and may cause issues. We've kept it enabled because some authors mislabel environments, and the loader should resolve the conflict.",
+		defaultMessage: 'This is a client-side mod and may cause issues when starting your server',
 	},
 	clientRetainedWarning: {
 		id: 'label.client-retained-warning',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d81867dc9..24919b46d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -164,7 +164,7 @@ importers:
     devDependencies:
       '@eslint/compat':
         specifier: ^1.1.1
-        version: 1.4.1(eslint@9.39.2(jiti@2.6.1))
+        version: 1.4.1(eslint@9.39.2(jiti@1.21.7))
       '@formatjs/cli':
         specifier: ^6.2.12
         version: 6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))
@@ -173,22 +173,22 @@ importers:
         version: link:../../packages/tooling-config
       '@nuxt/eslint-config':
         specifier: ^0.5.6
-        version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        version: 0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
       '@taijased/vue-render-tracker':
         specifier: ^1.0.7
         version: 1.0.7(vue@3.5.27(typescript@5.9.3))
       '@vitejs/plugin-vue':
         specifier: ^6.0.3
-        version: 6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
+        version: 6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.24(postcss@8.5.6)
       eslint:
         specifier: ^9.9.1
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.2(jiti@1.21.7)
       eslint-plugin-turbo:
         specifier: ^2.5.4
-        version: 2.8.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.8.2)
+        version: 2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2)
       postcss:
         specifier: ^8.4.39
         version: 8.5.6
@@ -206,7 +206,7 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^8.0.0
-        version: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+        version: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vue-component-type-helpers:
         specifier: ^3.1.8
         version: 3.2.4
@@ -613,6 +613,9 @@ importers:
       '@codemirror/view':
         specifier: ^6.22.1
         version: 6.39.12
+      '@intercom/messenger-js-sdk':
+        specifier: ^0.0.14
+        version: 0.0.14
       '@modrinth/api-client':
         specifier: workspace:*
         version: link:../api-client
@@ -637,6 +640,9 @@ importers:
       '@tresjs/post-processing':
         specifier: ^2.4.0
         version: 2.4.0(@tresjs/core@4.3.6(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3)))(three@0.172.0)(typescript@5.9.3)(vue@3.5.27(typescript@5.9.3))
+      '@types/dompurify':
+        specifier: ^3.0.5
+        version: 3.2.0
       '@types/markdown-it':
         specifier: ^14.1.1
         version: 14.1.2
@@ -667,6 +673,9 @@ importers:
       dayjs:
         specifier: ^1.11.10
         version: 1.11.19
+      dompurify:
+        specifier: ^3.1.7
+        version: 3.3.1
       es-toolkit:
         specifier: ^1.44.0
         version: 1.44.0
@@ -713,7 +722,7 @@ importers:
         specifier: ^2.2.4
         version: 2.2.4(ace-builds@1.43.6)(vue@3.5.27(typescript@5.9.3))
       vue3-apexcharts:
-        specifier: ^1.4.4
+        specifier: ^1.5.2
         version: 1.10.0(apexcharts@4.7.0)(vue@3.5.27(typescript@5.9.3))
       xss:
         specifier: ^1.0.14
@@ -748,7 +757,7 @@ importers:
         version: 5.2.4(vite@5.4.21(@types/node@20.19.31)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0))(vue@3.5.27(typescript@5.9.3))
       eslint-plugin-storybook:
         specifier: ^10.1.10
-        version: 10.2.4(eslint@9.39.2(jiti@1.21.7))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+        version: 10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
       storybook:
         specifier: ^10.1.10
         version: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -10980,11 +10989,11 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@2.6.1))':
+  '@eslint/compat@1.4.1(eslint@9.39.2(jiti@1.21.7))':
     dependencies:
       '@eslint/core': 0.17.0
     optionalDependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
 
   '@eslint/config-array@0.21.1':
     dependencies:
@@ -11605,36 +11614,36 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-config@0.5.7(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint/js': 9.39.2
-      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
-      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@2.6.1))
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-config-flat-gitignore: 0.3.0(eslint@9.39.2(jiti@1.21.7))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import-x: 4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-jsdoc: 50.8.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-regexp: 2.10.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-unicorn: 55.0.0(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-vue: 9.33.0(eslint@9.39.2(jiti@1.21.7))
       globals: 15.15.0
       local-pkg: 0.5.1
       pathe: 1.1.2
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
     transitivePeerDependencies:
       - '@typescript-eslint/utils'
       - eslint-import-resolver-node
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -13111,6 +13120,18 @@ snapshots:
 
   '@stripe/stripe-js@7.9.0': {}
 
+  '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@stylistic/eslint-plugin@2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
@@ -13122,6 +13143,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
       - typescript
+    optional: true
 
   '@svgdotjs/svg.draggable.js@3.0.6(@svgdotjs/svg.js@3.2.5)':
     dependencies:
@@ -13523,6 +13545,22 @@ snapshots:
     dependencies:
       '@types/node': 20.19.31
 
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
+      eslint: 9.39.2(jiti@1.21.7)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -13539,6 +13577,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.54.0
@@ -13569,6 +13619,18 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/types': 8.54.0
@@ -13739,10 +13801,10 @@ snapshots:
       vite: 7.3.1(@types/node@20.19.31)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vue: 3.5.27(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.4(vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.27(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.2
-      vite: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
+      vite: 8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2)
       vue: 3.5.27(typescript@5.9.3)
 
   '@vitest/expect@3.2.4':
@@ -15268,10 +15330,10 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-config-flat-gitignore@0.3.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint/compat': 1.4.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       find-up-simple: 1.0.1
 
   eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
@@ -15289,12 +15351,12 @@ snapshots:
     optionalDependencies:
       unrs-resolver: 1.11.1
 
-  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-import-x@4.16.1(@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@typescript-eslint/types': 8.54.0
       comment-parser: 1.4.5
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
       minimatch: 10.1.2
@@ -15302,18 +15364,18 @@ snapshots:
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
     optionalDependencies:
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-jsdoc@50.8.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@es-joy/jsdoccomment': 0.50.2
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       espree: 10.4.0
       esquery: 1.7.0
       parse-imports-exports: 0.2.4
@@ -15331,12 +15393,12 @@ snapshots:
     optionalDependencies:
       eslint-config-prettier: 10.1.8(eslint@9.39.2(jiti@2.6.1))
 
-  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-regexp@2.10.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
       comment-parser: 1.4.5
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       jsdoc-type-pratt-parser: 4.8.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
@@ -15346,29 +15408,29 @@ snapshots:
     dependencies:
       eslint: 9.39.2(jiti@2.6.1)
 
-  eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@1.21.7))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
+  eslint-plugin-storybook@10.2.4(eslint@9.39.2(jiti@2.6.1))(storybook@10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@1.21.7)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
       storybook: 10.2.4(@testing-library/dom@10.4.1)(prettier@3.8.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@2.6.1))(turbo@2.8.2):
+  eslint-plugin-turbo@2.8.2(eslint@9.39.2(jiti@1.21.7))(turbo@2.8.2):
     dependencies:
       dotenv: 16.0.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       turbo: 2.8.2
 
-  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-unicorn@55.0.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
       ci-info: 4.4.0
       clean-regexp: 1.0.0
       core-js-compat: 3.48.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       esquery: 1.7.0
       globals: 15.15.0
       indent-string: 4.0.0
@@ -15395,16 +15457,16 @@ snapshots:
       '@stylistic/eslint-plugin': 2.13.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
 
-  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-vue@9.33.0(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      eslint: 9.39.2(jiti@1.21.7)
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.7.3
-      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@2.6.1))
+      vue-eslint-parser: 9.4.3(eslint@9.39.2(jiti@1.21.7))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -19790,7 +19852,7 @@ snapshots:
       terser: 5.46.0
       yaml: 2.8.2
 
-  vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@2.6.1)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
+  vite@8.0.3(@types/node@20.19.31)(esbuild@0.27.3)(jiti@1.21.7)(sass@1.97.3)(terser@5.46.0)(yaml@2.8.2):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -19801,7 +19863,7 @@ snapshots:
       '@types/node': 20.19.31
       esbuild: 0.27.3
       fsevents: 2.3.3
-      jiti: 2.6.1
+      jiti: 1.21.7
       sass: 1.97.3
       terser: 5.46.0
       yaml: 2.8.2
@@ -19966,10 +20028,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@2.6.1)):
+  vue-eslint-parser@9.4.3(eslint@9.39.2(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.2(jiti@1.21.7)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
diff --git a/turbo.jsonc b/turbo.jsonc
index ec7db4e25..1a2365a04 100644
--- a/turbo.jsonc
+++ b/turbo.jsonc
@@ -4,7 +4,14 @@
 	"globalDependencies": [
 		"packages/tooling-config/**",
 		"!packages/tooling-config/.turbo/**",
-		"!packages/tooling-config/node_modules/**"
+		"!packages/tooling-config/node_modules/**",
+		"packages/app-lib/.env"
+	],
+	"globalEnv": [
+		"MODRINTH_URL",
+		"MODRINTH_API_BASE_URL",
+		"MODRINTH_ARCHON_BASE_URL",
+		"VITE_STRIPE_PUBLISHABLE_KEY"
 	],
 	"tasks": {
 		"build": {